ylsunyuan技术论坛

标题: jqSession事件和LI绑定事件 [打印本页]
作者: sun    时间: 2016-1-14 00:02
标题: jqSession事件和LI绑定事件
  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

  2.         $('#headerLi li').bind({
  3.                 onclick : function(){
  4.                         //获取导航中的li对应的名称  存入 session
  5.                         $.session.set("a_val", $(this).html());

  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.                
复制代码





欢迎光临 ylsunyuan技术论坛 (http://bbs.ylsunyuan.com/) Powered by Discuz! X3.2