- 浏览: 37531 次
- 性别:
- 来自: 郑州
最近访客 更多访客>>
最新评论
-
ngn9999:
天下文章一大抄
让Flash乖乖躲到Div浮动层下去 -
cqujsjcyj:
先说声谢谢啊,
下了你的东西,但是这个QQ客服怎么点了,不出现 ...
qq客服随滚动条滚动 -
fighter-to:
这是csdn上的,请楼主表明出处。
杨澜告诫女孩
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
<!--
#demo { background: #FFF; overflow:hidden; width:980px; margin:8px auto 0 auto;}
#demo img { width:120px; height:119px; padding:1px; border:1px solid #99cc99; margin-right:10px; margin-left:5px;}
#indemo { float:left; width: 980%;}
#demo1 {float: left;}
#demo2 {float: left;}
-->
</style>
</head>
<body>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
<a href="#"><img src="http://www.baidu.com/img/baidu_logo.gif" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
</div>
</body>
<script>
<!--
var speed=10; //数字越大速度越慢
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML;
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0)
tab.scrollLeft-=tab1.offsetWidth
else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-->
</script>
</html>
发表评论
-
更换颜色点击不同的按钮
2010-03-24 16:48 841<link id="cssChange&quo ... -
更换图片
2010-03-24 16:40 1273<div id=oTransContainer ... -
点击按钮弹出层
2010-03-24 16:26 1767<script>function msg(in ... -
滑动导航二级菜单
2010-03-24 16:03 915//css样式 .blogNav{width:950px;m ... -
不同效果的图片更换
2010-03-24 15:44 1240//页面显示 <div id=imgADPlayer& ... -
单行多条信息滚动
2010-03-24 15:36 869//css样式 #shangfan{font-size: 1 ... -
css 之 ime-mode
2009-12-09 08:48 861css 之 ime-mode 语法: ime-mode : a ... -
IE7和Firefox中背景颜色的解决方法
2009-09-21 11:59 1335昨天制作页面的时候,遇到一问题:div外层定义的背景颜色不显示 ... -
网页设计趋势之:”勾引”用户的按钮
2009-09-07 09:03 715文章来自:http://www.68design.net/We ... -
ie6,ie7高度问题
2009-09-05 18:30 1127I hate IE6! 今天下午遇到一问题:ie6,ie7定 ... -
css实现渐变效果
2009-09-05 18:24 742<!DOCTYPE html PUBLIC " ... -
overflow与text-indent:-9999px 字体隐藏及input value偏移
2009-08-31 15:52 1526文章来自:http://hi.baidu.com/happya ... -
多层边框的css制作-火狐
2009-08-31 15:34 1222Mozilla -moz-outline CSS 有些时候 ... -
CSS3中的text-shadow属性:文字阴影
2009-08-25 15:32 1171经常会看到页面中文字阴影的效果,觉得很漂亮,一般做这样的效果都 ... -
七招帮你提高网页设计水平
2009-08-25 15:09 737文章来自:http://news.csdn.net/a/200 ... -
CSS hack:区分IE6,IE7,firefox
2009-07-02 08:42 726文章转自:http://www.div-css.com/htm ... -
实用代码片段
2009-05-26 11:01 6071.设为首页 收藏本站 <a href=# oncl ... -
qq客服随滚动条滚动
2009-05-20 08:41 893近段时间用到qq客服的内容比较多,在这总结一下。 -
随滚动条滚动的两侧的层
2009-05-05 09:16 1102最近工作中遇到了随滚 ... -
CSS---竖着的文字导航菜单制
2009-04-29 17:13 1769来自走走停停看看的博客 网上目前两种方法竖排,一种是用 ...
相关推荐
鼠标感应使图片无缝滚动,且能鼠标控制左右滚动的JS代码
图片无缝滚动插件上下左右图片无缝滚动代码
marquee一款非常NB的插件可以实现无缝滚动上下左右都可以。使用简单操作容易
js图片左右无缝滚动用鼠标控制图片滚动 js图片左右无缝滚动用鼠标控制图片滚动 js图片左右无缝滚动用鼠标控制图片滚动
jquery图片无缝滚动代码左右上下无缝滚动图片
基于jQuery的图片左右无缝滚动插件
横向无缝左右滚动的JS图片展示代码
无缝滚动 jquery 左右滚动 滚动图片 兼容所有主浏览器 请放心使用
自己结合网上资源做的js无缝图片滚动,IE78,firefox,chrome测试
鼠标感应图片无缝左右JS滚动代码是一款无需点击,鼠标悬停控制滚动方向,效果流畅。
jquery图片无缝滚动插件上下左右图片无缝滚动代码
js无缝滚动制作js文字无缝滚动
左右图片立体式切换效果,支持左右滚动,上面带有滚动条,效果良好
imgscroll插件是一款支持图片焦点滚动(支持渐变和滚动),图片连续无缝循环滚动的js库,依赖于jQuery图片无缝连续循环滚动 支持上下左右的滚动。
图片无缝左右+上下滚动
无需点击鼠标感应图片无缝左右JS滚动代码.zip 无需点击鼠标感应图片无缝左右JS滚动代码.zip 无需点击鼠标感应图片无缝左右JS滚动代码.zip
使用js实现图片左右滚动,图片向左无缝滚动,运行简单,只需下载之后就能运行。
query图片无缝滚动插件上下左右图片无缝滚动代码