同级元素,鼠标经过高亮,鼠标离开还原(除选中已高亮元素时),点击确定高亮...

           <script type="text/javascript">
                                $(document).ready(function() {
                                    
                                    //选择器名称
                                    var ElementLL = "#bodyNavLi li";
                                    //普通样式
                                    var Normal = "n51_box2_jh_li";
                                    //高亮样式
                                    var MouseOver = "n51_box2_jh_li_hover";

                                    //初始化(选中第一项)
                                    $(ElementLL).eq(0).addClass(MouseOver);
                                    $(ElementLL).eq(0).removeClass(Normal);


                                    //鼠标经过和离开
                                    $(ElementLL).hover(function() {
                                        var j = 0;
                                        var index = $(this).index();
                                        $(ElementLL).each(function(i) {
                                            if ($(ElementLL).eq(i).attr("class") == MouseOver) {
                                                j = i;
                                            }
                                            else {
                                                $(ElementLL).eq(index).addClass(MouseOver);
                                                $(ElementLL).eq(index).removeClass(Normal);
                                            }
                                        });

                                    }, function() {
                                        var j = 0;
                                        var index = $(this).index();
                                        $(ElementLL).each(function(i) {
                                            if ($(ElementLL).eq(i).attr("class") == MouseOver) {
                                                j++;
                                            }
                                        });

                                        if (j == 2) {
                                            $(this).removeClass(MouseOver);
                                            $(this).addClass(Normal);
                                        }
                                    });
                                    
                                    //单击选中
                                    $(ElementLL).click(function() {
                                        $(ElementLL).removeClass(MouseOver);
                                        $(ElementLL).addClass(Normal);


                                        $(this).removeClass(Normal);
                                        $(this).addClass(MouseOver);

                                    });
                                });
                         </script>
                    
                    
                        <div id="bodyNavLi" class="n51_box2_jh">
                            <ul>                                
                                <li id="bodyheadLi1" class="n51_box2_jh_li" οnclick="MouseOver('bodyheadtext',4,1);">八字算命</li>
                                <li id="bodyheadLi2" class="n51_box2_jh_li" οnclick="MouseOver('bodyheadtext',4,2);">姓名测试</li>
                                <li id="bodyheadLi3" class="n51_box2_jh_li" οnclick="MouseOver('bodyheadtext',4,3);">号码吉凶</li>
                                <li id="bodyheadLi4" class="n51_box2_jh_li" οnclick="MouseOver('bodyheadtext',4,4);">星座配对</li>                               
                                
                            </ul>
                            
                        </div>

.net URL重写例子

转载于:https://www.cnblogs.com/yonsy/archive/2012/11/26/2789281.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值