首页 技术教程 实用代码 注册破解 正则表达式 网址导航 电子书籍

jquery无缝自动滚动,实现图片无缝轮播

目的:通过CSS + jQuery的方式实现自动无缝轮播。 思路:把所有的轮播图片划分为三种状态,分别是准备轮播进入(enter)、在轮播中(current)、轮播结束后离开(leave),一张图片先是准备轮播,然后进入轮播,接着离开轮播进入到准备轮播的状态,等待下一次播送。 1.HTML结构 <div class="window3"> <div class="images3"><img alt="" src="./img/function-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img/git-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img/JQUERY-01.jpg" style="height:540px; width:960px" /> <img alt="" src="./img...
类别:网页编程 - JavaScript    查看:198    更新:2023-07-06

JavaScript:滚动窗口内容

控制窗口内容滚动算是一个较少使用到的 JavaScript 窗口功能,不过这一点可能会随着可滚动图层内容的到来而有所改变。这个技巧将教你如何实现内容滚动功能。 这段代码很简单。让我们先看看向下滚动功能所使用的函数。 var y = 0; var when = null; varps = parent.scrollee; functionscrollMe() { if (document.all && y < ps.document.body.scrollHeight || y < ps.document.height) { ps.scroll(0,y); y = y + 4; when = setTimeout('scrollMe()',1); } } scrollMe() 函数首先检查浏览器是否支持document.all属性(只有 IE 浏览器才支持这个属性),然后检查变量 y 的值是否小于scrollHeight属性...
类别:网页编程 - JavaScript    查看:105    更新:2014-05-22

不停地横向滚动效果(JS)

网上有这样一段代码,基本我看了一下,都一个样,而且很多网站使用的时候还是照样原搬的,这段代码需要注意的问题:marquee_demo这个宽度一定要小于含有滚动内容的那个table的宽度,否则将不滚动 <div id="marquee_demo" style="border: #ccc 1px solid;overflow: hidden; width: 500px; text-align: center"> <table cellspacing="0" cellpadding="3" align="center" border="0">     <tbody>         <tr>             <...
类别:网页编程 - JavaScript    查看:94    更新:2014-05-21