`
mxx_1111
  • 浏览: 58787 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

当当网首页——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();
});

分享到:
评论

相关推荐

    期末HTML大作业当当网

    【HTML+CSS+JS:构建期末大作业——“当当网”模拟】 在网页设计与开发的世界里,HTML(超文本标记语言)、CSS(层叠样式表)和JavaScript是三大核心技术,它们共同构建了现代网页的基石。在这个“期末HTML大作业...

    当当网源代码(javascript,html,xml,servletjsp)

    【标题】"当当网源代码(javascript,html,xml,servletjsp)"揭示了这个项目是关于当当网的一个实现,它涉及到前端和后端的多种技术,包括JavaScript、HTML、XML以及Servlet和JSP。这些技术是构建动态Web应用的...

    模拟当当网的全部代码(java)

    该项目的主要目标是通过模仿真实的在线购物平台——当当网,来实现一系列关键功能,如商品浏览、购物车管理、订单处理等。以下是对这个项目涉及的一些核心知识点的详细说明: 1. **Java基础**:作为项目的编程语言...

    期末前端web大作业——基于HTML当当图书网项目的设计与实现 网上书城 网上书店 在线书店网页

    综上所述,这个基于HTML的当当图书网项目是一个全面而实用的学习资源,它不仅涵盖了基本的HTML、CSS和JavaScript知识,还涉及到了实际网页设计和开发过程中需要注意的细节问题。通过完成这样一个项目,学生不仅可以...

    网页设计期末作业-仿当当网

    这个作业要求学生模仿知名电商网站——当当网的页面布局和功能,以提升其实际操作能力。 HTML5是现代网页设计的基础,它提供了更丰富的语义化标签,如、、、和等,使得网页内容结构更加清晰,有助于搜索引擎优化和...

    当当网源代码发 方法大师傅但是

    【标题】: "当当网源代码分析与学习——电子商务系统构建" 【描述】: "这是一个在线购物系统项目,旨在模仿知名的当当网,提供学习和研究用途。它涵盖了从用户浏览、商品搜索、购物车管理到订单处理等一系列功能,为...

    ddw.zip_ddw4com_ddw4,com_ddw当当网_keyf4s_静态网页功能全部实现的当当网

    1. **首页展示**:模拟当当网首页的布局,展示热门商品、分类导航、促销活动等信息。 2. **商品详情页**:展示单个商品的详细信息,包括图片、价格、库存、商品描述等。 3. **搜索功能**:用户可以通过输入关键词...

    当当网源码java版

    《当当网源码分析——基于Java与Struts框架》 当当网,作为中国知名的电子商务平台,其背后的源码是无数开发者学习和研究的对象。本文将深入探讨当当网源码的Java版本,主要涉及的技术栈为Struts框架,以此来揭示其...

    JAVA WEB 毕业设计(模拟当当网)

    【JAVA WEB 毕业设计(模拟当当网)】是一个基于JAVA技术的Web应用程序,旨在模拟实际电子商务网站——当当网的主要功能。这个项目涵盖了Web开发中的多个关键知识点,对于学习者来说,是一个很好的实践平台,能深入...

    ASP.NET源码——[电子商务]易想商城系统开源版 v3.1(仿当当网版).zip

    在这个"易想商城系统开源版 v3.1(仿当当网版)"中,我们可以深入学习ASP.NET在电子商务领域的应用。 1. **电子商务平台架构** 易想商城系统仿照了当当网的架构,可能包括用户模块、商品模块、购物车模块、订单处理...

    达内项目 当当网

    这个项目是一个基于JavaWeb技术的电子商务平台,旨在模仿知名的在线书店——当当网的功能与设计。它提供了一个实际的开发案例,适合学生进行毕业设计,以提升其在JavaWeb开发领域的实践能力。 【描述】:“完整的...

    模拟当当网

    在本项目中,我们模拟了著名的在线购物平台——当当网。主要采用了Struts2框架结合JSP技术来实现这一电子商务网站的核心功能。Struts2是Java Web开发中常用的一个MVC(Model-View-Controller)框架,它极大地简化了...

    快快游戏网jQ左右轮播焦点图.zip

    【快快游戏网jQ左右轮播焦点图.zip】是一个包含JavaScript特效的资源包,主要用于创建一种常见的网页设计元素——焦点图或幻灯片展示。焦点图是一种将多个图像或内容区块以轮播形式呈现的交互式设计,常用于网站的...

    java项目(网上购物系统,当当网)

    【网上购物系统——基于Java技术实现的当当网项目】 该项目是一个典型的电子商务系统,采用Java技术栈进行开发,旨在模拟真实世界的在线购物体验,如当当网这样的知名电商平台。Java作为后端开发的主要语言,因其...

    集美大学软件工程课程设计--当当网(ss2h)

    【集美大学软件工程课程设计--当当网(ss2h)】是一个针对软件工程专业学生进行实践教学的项目,其目标是模仿和实现当当网的网上书城功能。这个项目涵盖了前端用户界面和后端管理系统,让学生在实践中理解和应用软件...

    该文件是一种基于JavaWeb的电子商务-当当网图书销售网站

    其次,它是一个电子商务应用,特别地,模拟或复刻了知名的在线图书销售平台——当当网。这暗示项目可能包含了用户浏览、搜索、购买、支付以及订单管理等常见的电商功能模块。 【描述分析】 描述中的信息与标题基本...

    毕业设计 电子商务当当网(由javav与jsp合成 )

    这是一个基于Java技术栈的毕业设计项目,主要实现了电子商务平台——当当网的模拟。该项目采用的是经典的MVC架构,利用了Spring、Struts2和Hibernate这三大流行框架,旨在为学习者提供一个实际的开发实践案例。下面...

    1号店素材源码.zip

    "dangdang"可能是参照了另一家知名电商平台——当当网,作为对比或学习的参考,而"1号店素材"则包含了1号店网站的各类设计元素,如图片、图标、样式表、JavaScript文件等,这些都是构建前端页面必不可少的部分。...

    网上购物系统的设计与开发(文档+源码)

    和国内最好的网上书店-------当当网的框架相同,包括顾客的购物车、订单管理和留言板,支持商品搜索;后台管理员的商品、订单、会员、系统管理。界面优美,功能齐全,不可多得的优秀作品。 绝对好用的JSP网上购物...

Global site tag (gtag.js) - Google Analytics