jqSession事件和LI绑定事件

sun

1. $('#headerLi li a').bind({
   
2.     'mouseover' : function(){
   
3.         //获取当前元素的索引值
   
4.         int = $(this).index();
   
5.          
   
6.         //执行函数,这里会显示右侧的第一个div元素
   
7.         //divShow(int);
   
8.         $(this).html();
   
9.         $.session.set("inner", $(this).html());
   
10.         
    
11.     },
    
12.     'mouseout' : function(){
    
13.         //鼠标划开时的操作
    
14.         //int = 0;
    
15.         //divShow(int);
    
16.         alert($.session.get("innner");
    
17.     }
    
18. });
    

复制代码

为所有li绑定事件

简介：
　　JquerySession是一个基于jquery的用来处理session的库，使用它可以简化我们的工作。在使用之前需要引入jquery。

语法：

添加数据
    $.session.set('key', 'value')

删除数据
    $.session.remove('key');

获取数据
    $.session.get('key');

清除数据
    $.session.clear();

下载JquerySession

JQ多事件绑定,html和JQ如下：

Html

1. <UL id=headerLi class=ul1>
   
2.   <LI><A href="index.php">首页</A> </LI>
   
3.   <LI><A href="about.php?id=239">关于我们</A> </LI>
   
4.   <LI><A href="news.php?id=个股分析">个股分析</A> </LI>
   
5.   <LI><A href="news.php?id=大盘观点">大盘观点</A> </LI>
   
6.     <LI><A href="news.php?id=操盘手">操盘手</A> </LI>
   
7. </ul>

复制代码

JQ

1. 
   
2.         $('#headerLi li').bind({
   
3.                 onclick : function(){
   
4.                         //获取导航中的li对应的名称  存入 session
   
5.                         $.session.set("a_val", $(this).html());
   
6. 
   
7.                         alert($.session.get("a_val"));
   
8.                 },
   
9.             mouseover : function(){     
   
10.                         //设置样式
    
11.                         //alert("mouseover");
    
12.                         $(this).css("background-color","red");
    
13.                         $(this).find("a").css("color","#FFF");
    
14.                         $(this).find("a").css("text-decoration","none");
    
15.                 
    
16.             },
    
17.             mouseleave : function(){
    
18.                 //鼠标划开时的操作
    
19.                 //alert($.session.get("a_val"));
    
20.                 $(this).css("background-color","");
    
21.             }
    
22.         });
    
23.                

复制代码