zoukankan      html  css  js  c++  java
  • 当当网首页——JS代码

    $(function($){
        //打开一个广告窗口
        window.open('open.html','','top=0,left=200,width=500,height=327,scrollbars=0,resizable=0');
        //随滚动条滚动的可关闭广告窗口
        $(window).scroll(function(){
            var st = $(this).scrollTop()+50;
            $("#right").css("top",st);
        });
        $("#right").find("a").click(function(){
            $("#right").hide();
        });
        //轮换图片
        function changeImg(){
            var index=0;
            var stop=false;
            var $li=$("#content").find("#scroll_img").children("li");
            var $page = $("#content").find("#scroll_number").children("li");
            $page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
            $page.mouseover(function(){
                stop=true;
                index=$page.index($(this));
                $li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
                $(this).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
            }).mouseout(function(){
                stop=false;
            });
            setInterval(function(){
                if(stop) return;
                index++;
                if(index>=$li.length){
                    index=0;
                }
                $li.eq(index).stop(true,true).fadeIn().siblings().fadeOut();
                $page.eq(index).addClass("scroll_number_over").stop(true,true).siblings().removeClass("scroll_number_over");
            },3000);
        }
        changeImg();
        //Tab切换
        $("#bookTab").children(".book_new").find("[id]").mouseover(function(){
            var id = "#book_"+$(this).attr("id");
            $("#bookTab").children(".book_class").find("[id]").hide();
            $(this).addClass("book_type_out").siblings().removeClass("book_type_out");
            $(id).show();
        });
        //内容鼠标经过效果
        $("#bookTab").children(".book_class").find("dd").mouseover(function(){
            $(this).css("border","2px solid #F96");
        }).mouseout(function(){
            $(this).css("border","2px solid #fff");
        });
        //书讯快递循环垂直向上滚动
        function movedome(){
            var marginTop=0;
            var stop=false;
            var interval=setInterval(function(){
                if(stop) return;
                $("#express").children("li").first().animate({"margin-top":marginTop--},0,function(){
                    var $first=$(this);
                    if(!$first.is(":animated")){
                        if((-marginTop)>$first.height()){
                            $first.css({"margin-top":0}).appendTo($("#express"));
                            marginTop=0;
                        }
                    }
                });
            },50);
            $("#express").mouseover(function(){
                stop=true;
            }).mouseout(function(){
                stop=false;
            });
        }
        movedome();
    });
    

  • 相关阅读:
    windows下忘记mysql超级管理员root密码的解决办法
    windows防火墙支持FTP服务的设置方法
    IT人士不得不看的保健手册
    利用Google开发接口获取Google用户信息,OAuth2.0,profiles
    一个简单抓取糗事百科糗事的小程序
    JAVA 数据库编程
    JAVA 数据库编程(1)
    JAVA 数据库编程(2)
    css快速入门
    html5和css3新增特性
  • 原文地址:https://www.cnblogs.com/a1111/p/12816698.html
Copyright © 2011-2022 走看看