$(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();
});

转载于:https://www.cnblogs.com/a1111/p/6540398.html

当当网首页——JS代码相关推荐

  1. html制作当当网首页的报告,当当网首页——JS代码

    $(function($){ //打开一个广告窗口 window.open('open.html','','top=0,left=200,width=500,height=327,scrollbars ...

  2. 当当网首页——CSS代码

    @charset "utf-8"; /* CSS Document *//*首页样式*/ /*右侧随鼠标滚动的广告图片*/ .right{top:50px;right:30px;p ...

  3. HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计)

    HTML XHTML CS3 JS网页制作(IT培训网站设计+当当网首页设计) 百度云链接:http://pan.baidu.com/s/1hrH6qck 密码:bc4n 01.HTML基本标签_理论 ...

  4. JavaScript 实例:当当网 首页选项卡切换效果

    关键代码: <script type="text/javascript"> function showMe(index) {//book_type_out是类名,类名绑 ...

  5. 静态网页制作—制作“当当网首页”

    <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8&quo ...

  6. 可兼容所有浏览器的“收藏本站”、“设为首页”js代码

    设为首页 和 收藏本站js代码 兼容IE,chrome,ff,360等 将以下代码放到首页 或者新建js文件 <script type="text/javascript"&g ...

  7. oppo官网首页html代码里,仿oppo官网手机商城建站模板html源码

    OPPO仿建站模板html下载 资源下载此资源下载价格为4D币,请先登录 资源文件列表 codedown123-0802-27/css/base.css , 569 codedown123-0802- ...

  8. 《当当网2017首页》

    如何写出当当网首页呢? 我们先来看板块如何 我们需要什么板块呢? 我们需要的板块有"头部","主体","尾部"三个大部分 细化之下,我们的头 ...

  9. 当当网店铺装修-Amy

    之前是做淘宝店铺装修的,公司开始接了新的平台,当当网,之前没有接触过,不知道全屏店招,全屏导航,全屏页面到底应该怎么装修出来呢,眼看这设计稿出来了,装修工作也开始进行了.经过自己的研究后,将代码敲出来 ...

最新文章

  1. 10进制与16进制之间的转换 delphi
  2. 第二次作业+105032014116
  3. Go 使用 append 向切片增加元素
  4. JMeter专题系列(二)录制脚本
  5. 平均每天呆实验室14小时,本科女生一作发表PNAS,直博北大!
  6. bootice添加黑苹果引导_OpenCore Configurator v2.6.0.0 黑苹果OC引导配置工具
  7. 设置 phpstorm 左侧文件自动定位到当前编辑的文件
  8. 局域网远程访问时显示密码过期
  9. C语言题目:平均成绩,已知某个同学的语文、数学、英语成绩,计算该同学的平均分
  10. 中间件是什么意思?中间件技术简介
  11. 软件测试书单/书籍推荐(整理更新中)
  12. 保存新浪微博中的作品视频的技巧
  13. 关于Windows下模拟Shift+END(功能键)无效问题
  14. 面向对象版学员管理系统 Python
  15. 桌面上的文件夹怎么保存到计算机硬盘里,电脑文件怎么保存到桌面
  16. 叶荣添给你的11条投机建议!
  17. Cocos2d 官网介绍,新手必看!!!!!!!!!!!!!!!!!!!!!!!!!
  18. 冈萨雷斯《数字图像处理》学习笔记(九)形态学图像处理
  19. 汇编语言里 eax, ebx, ecx, edx, esi, edi, ebp, esp
  20. 简单使用触发器(详细) SQL触发器的使用及语法定义:

热门文章

  1. P1435 回文字串(DP)
  2. Windows安装MongoDB
  3. centos下kong源码安装
  4. 【bzoj2751】[HAOI2012]容易题(easy) 数论,简单题
  5. BNUOJ 6038 - Reaux! Sham! Beaux!(模拟)
  6. 【Silverlight】Bing Maps学习系列(七):使用Bing Maps的图片系统(Tile System)
  7. soj1201- 约数
  8. ASP.NET MVC 3 Razor 多国语言参考解决方案 补充四
  9. Win32 控件篇(3)
  10. Spring-Boot:写出来的网站访问不到静态资源?怎样通过url访问SpringBoot项目中的静态资源?localhost:8989/favicon.ico访问不了工程中的图标资源?