javascript 图片滚动
<div style="width:9999px;">
<ul id="marquePic1_1">
<li>
<dl>
<dt><a href="/zjtd/452.html" target="_blank" rel="nofollow">韩卓专</a></dt>
<dd class="img"><a href="/zjtd/452.html" target="_blank" rel="nofollow"><img src="/statics/images/fk/1-1305211KA5533.jpg" width="46" height="46"></a></dd>
<dd class="txt"><a href="#" target="_blank">不育不孕</a></dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/zjtd/452.html" target="_blank" rel="nofollow">韩卓专</a></dt>
<dd class="img"><a href="/zjtd/452.html" target="_blank" rel="nofollow"><img src="/statics/images/fk/1-1305211KA5533.jpg" width="46" height="46"></a></dd>
<dd class="txt"><a href="#" target="_blank">不育不孕</a></dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/zjtd/452.html" target="_blank" rel="nofollow">韩卓专</a></dt>
<dd class="img"><a href="/zjtd/452.html" target="_blank" rel="nofollow"><img src="/statics/images/fk/1-1305211KA5533.jpg" width="46" height="46"></a></dd>
<dd class="txt"><a href="#" target="_blank">不育不孕</a></dd>
</dl>
</li>
<li>
<dl>
<dt><a href="/zjtd/452.html" target="_blank" rel="nofollow">韩卓专</a></dt>
<dd class="img"><a href="/zjtd/452.html" target="_blank" rel="nofollow"><img src="/statics/images/fk/1-1305211KA5533.jpg" width="46" height="46"></a></dd>
<dd class="txt"><a href="#" target="_blank">不育不孕</a></dd>
</dl>
</li> </ul>
<ul id="marquePic2_1"></ul>
</div>
<script type="text/javascript">
var speed = 50
marquePic2_1.innerHTML = marquePic1_1.innerHTML
function Marquee() {
if (sswtexp.scrollLeft >= marquePic1_1.scrollWidth) {
sswtexp.scrollLeft = 0
} else {
sswtexp.scrollLeft++
}
}
var MyMar = setInterval(Marquee, speed)
sswtexp.onmouseover = function () { clearInterval(MyMar) }
sswtexp.onmouseout = function () { MyMar = setInterval(Marquee, speed) }
</script>
//重要的的是js
javascript 图片滚动的更多相关文章
- javascript实现图片滚动
闲来无事捣鼓了一个原来的js图片滚动 首先看看 静态页的结构: <body> <a href="javascript: le()">向左</a> ...
- JavaScript之图片滚动
向上滚动: <!doctype html> <title>javascript无缝滚动</title> <meta charset="utf-8&q ...
- javaScript实现图片滚动及一个普通图片轮播的代码
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 【精心推荐】12款很好用的 jQuery 图片滚动插件
这里收集了12款很好用的 jQuery 图片滚动插件分享给大家.jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用.其中最令人印象深刻的应用之一就是各 ...
- 10款很好用的 jQuery 图片滚动插件
jQuery 作为最流行的 JavaScript 框架,使用简单灵活,同时还有许多优秀的插件可供使用.其中最令人印象深刻的应用之一就是各种很酷的图片效果,它可以让的网站更具吸引力.这里收集了10款很好 ...
- 原生js实现tab选项卡里内嵌图片滚动特效代码
<!DOCTYPE HTML><html lang="en-US"><head><meta charset="UTF-8&quo ...
- jquery图片滚动
注:代码来自17sucai网,已去除部分冗余代码,只保留图片效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional// ...
- 图片滚动(UP)的JS代码详解(offsetTop、scrollTop、offsetHeigh)【转】
源地址 信息技术教材配套的光盘里有一段设置图片滚动的JS代码,与网络上差不多,实现思路:一个设定高度并且隐藏超出它高度的内容的容器demo,里面放demo1和 demo2,demo1是滚动内容,dem ...
- Scrollanim – CSS3 & JavaScript 创建滚动动画
Scrollanim 是结合 CSS3 和 JavaScript 来创建令人惊叹的滚动动画的开源库. Scrolanim 支持在页面上的所有可用的元素的位置.有很多的自定义参数可以配置使用,构建出精彩 ...
随机推荐
- 【LeetCode】18. 4Sum (2 solutions)
4Sum Given an array S of n integers, are there elements a, b, c, and d in S such that a + b + c + d ...
- SSL原理
http://blog.csdn.net/terryzero/article/details/5921791SSL的原理以前一直很模糊,看了下面这篇文章后清楚了许多,为了方便以后的回顾,所以转载下 R ...
- Linux-Tmux使用初体验
Tmux使用初体验 tmux #开启tmux tmux ls #显示已有tmux列表(ctrl+b s) tmux attach-session -t 数字 #选择tmux ctrl+b c 创建一个 ...
- 【jQuery】jquery-ui autocomplete智能提示
jQuery UI,简而言之,它是一个基于jQuery的前端UI框架.我们可以使用jQuery + jQuery UI非常简单方便地制作出界面美观.功能强大.跨浏览器兼容的前端html界面. Auto ...
- Python学习笔记015——文件file的常规操作之三(标准输入输出文件)
1 标准输入输出文件 在Python中,模块sys中含有标准的输入输出文件 sys.stdin 标准输入方法(一般是键盘) sys.stdout 标准输出方法(到显示器的缓冲输出) sys ...
- 红黑树 - C++代码实现
红黑树的介绍 红黑树(Red-Black Tree,简称R-B Tree),它一种特殊的二叉查找树.红黑树是特殊的二叉查找树,意味着它满足二叉查找树的特征:任意一个节点所包含的键值,大于等于左孩子的键 ...
- Python len() 方法
描述 Python len() 方法返回对象(字符串.列表.元组.字典等)长度或项目个数. 语法 len() 方法语法: len(obj) 参数 obj -- 对象(字符串.列表.元组.字典等). 返 ...
- cocos2dx 3.x designResolutionSize须主动设置
cocos2dx 3.x最初设置screenSize和designResolutionSize的地方如下: bool AppDelegate::applicationDidFinishLaunchin ...
- Java:集合,对列表(List)中的数据(整型、字符串、日期等)进行排序(正序、倒序)的方法;字符串按照整型排序的方法
1. 要求 对List列表中的数据进行排序(正序.倒序),列表中的数据包括:整型(Integer).字符串(String).日期(Date)等.对于字符串,要求允许对它按照整型进行排序. 2. 实现思 ...
- paip.提升性能--多核编程中的java .net php c++最佳实践 v2.0 cah
paip.提升性能--多核编程中的java .net php c++最佳实践 v2.0 cah 作者Attilax 艾龙, EMAIL:1466519819@qq.com 来源:attilax ...