js自动滑动+鼠标滑动区域_javascript技巧

自动滑动+鼠标滑动区域

10秒自动跳转

热点聚焦 图说新闻 经济新闻

新闻1

新闻2

新闻3

5秒自动跳转

财经要闻 财经观察 独家点评 湘股在线 财富排行榜

财经1

财经2

财经3

财经4

财经5

！

这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

这个虽然效果不错，但是如果一个页面有多个这样的效果，就要针对每一部分写多个JS函数，那就太蠢了。其实只有控件名称不同而已，求高手改进成一个通用函数或者类来调用，不胜感激

自动滑动+鼠标滑动区域

热点聚焦 图说新闻 经济新闻

新闻1

新闻2

新闻3
财经要闻 财经观察 独家点评 湘股在线 财富排行榜

财经1

财经2

财经3

财经4

财经5
财经要闻 财经观察 独家点评 湘股在线 财富排行榜

财经1

财经2

财经3

财经4

财经5

！

改了下，能够实现了，但是第二个为什么会默认第二个项开始,第三个从第三项开始呢？而且只有最后一个自动播放，前面的都死了；并且代码还是不够精练，请高手帮忙继续修改。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

自动滑动+鼠标滑动区域

热点聚焦 图说新闻 经济新闻

新闻1

新闻2

新闻3
财经要闻 财经观察 独家点评 湘股在线 财富排行榜

财经1

财经2

财经3

财经4

财经5

！

改过以后不自动播放了。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

时间： 2025-01-26 21:24:23

js自动滑动+鼠标滑动区域_javascript技巧的相关文章

Fixie.js 自动填充内容的插件_javascript技巧

Fixie.js是一个自动填充HTML文档内容的开源工具 官方网址地址:http://fixiejs.com/ Fixie.js 下载地址 fixie_jb51.rar 为什么使用Fixie? 当我们设计网站的时候,由于无法确定最终填充的内容,经常需要添加一写lorem ipsum(关于Lorem ipsum)到页面里面来预览一下页面的展现效果. 问题来了,添加过多的无聊的内容,使得我们的HTML文档变得臃肿,并且陷入复制-粘贴,手工编辑的毅种循环中. Fixie.js就是针对这个问题而诞生的,

JS 自动完成 AutoComplete(Ajax 查询)_javascript技巧

一:JS 部分 复制代码 代码如下: //******************************************************** //创建日期: 2009-03-10 //作 者: oloen //內容说明: 自动完成JS类 //用法: // var auto = new autoComplete(客户端ID); // auto.Init(document.all.客户端ID); // auto.Type = 'PSUnit' //PSSale //**********

js 自动播放的实例代码_javascript技巧

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html;

JS DOM实现鼠标滑动图片效果_javascript技巧

经常,我们在浏览各种网页的时候,都会有各种动画效果展示,像下图所示的是很多网上商城常用的货品展示方式,同类的货品并排展现在窗口上,用户如果看中了哪一款商品想要查看详情的话,只要将鼠标放上该商品的区域,原本折叠起来的商品便会自动展开,详情便会展现在用户面前,而这一动画,就是利用了DOM+JS结合来实现的,今天的小练习就是要实现这个效果. 首先,先将页面基本的框架用html实现,将四张图封装在了一个名为"container"的div块中 <!doctype html> <

JS+CSS实现大气清新的滑动菜单效果代码_javascript技巧

本文实例讲述了JS+CSS实现大气清新的滑动菜单效果代码.分享给大家供大家参考,具体如下: 这是一款比较大气清新的滑动导航菜单,CSS和JavaScript配合完成,鼠标放到一级菜单上,会滑出二级的菜单,兼容性也不错,适合大多数网站使用,用到两张背景图片,请拷贝图片地址下载图片. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-dqqx-scroll-menu-demo/ 具体代码如下: <!DOCTYPE html PUBLIC

JS实现漂亮的淡蓝色滑动门效果代码_javascript技巧

本文实例讲述了JS实现漂亮的淡蓝色滑动门效果.分享给大家供大家参考.具体如下: 这款漂亮淡蓝色滑动门代码,感觉很不错哦. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-blue-hdm-menu-demo-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml

JS实现具备延时功能的滑动门菜单效果_javascript技巧

本文实例讲述了JS实现具备延时功能的滑动门菜单效果.分享给大家供大家参考.具体如下: 这是一款鼠标感应时间延迟的滑动门菜单,其实也就是一滑动门,只不过鼠标在移上后不是立即反应,而是稍微迟缓了一下,这样用也是有好处的,这个时间根据你的喜好是可以调整的,本滑动门你可轻易修改外观,把它变成一个内容扩展的菜单. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-delay-style-show-menu-codes/ 具体代码如下: <!DOCTYP

JS+CSS实现简易的滑动门效果代码_javascript技巧

本文实例讲述了JS+CSS实现简易的滑动门效果代码.分享给大家供大家参考.具体如下: 看了很多的滑动门和滑动菜单的资料,总算写出来了一个像样的滑动门,虽然外观不怎么样,但可以兼容火狐,还请老前辈们不要笑话,以后有好多西再请大家批评. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-simple-hdtx-demo-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

js实现固定显示区域内自动缩放图片的方法_javascript技巧

本文实例讲述了js实现固定显示区域内自动缩放图片的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">