- 浏览: 439639 次
- 性别:
- 来自: 厦门
文章分类
最新评论
-
popotang:
ie6好像才会引起,而且githut上的最新版已经没有这个问题 ...
jquery.form.js ajaxsubmit上传文件 报对象不支持此属性或方法 -
ch_dj:
谢谢啊
j2se 用友面试题 -
chenzubin:
不错,支持一下
j2se 用友面试题
<!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=gb2312" />
<title>图片滚动</title>
</head>
<body>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;//调显示宽带
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;//可以设置多少图片的
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="/jscss/demoimg/wall_s1.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s2.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s3.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s4.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s5.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s6.jpg" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
</div>
<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>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片滚动</title>
</head>
<body>
<style type="text/css">
<!--
#demo {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;//调显示宽带
}
#demo img {
border: 3px solid #F2F2F2;
}
#indemo {
float: left;
width: 800%;//可以设置多少图片的
}
#demo1 {
float: left;
}
#demo2 {
float: left;
}
-->
</style>
<div id="demo">
<div id="indemo">
<div id="demo1">
<a href="#"><img src="/jscss/demoimg/wall_s1.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s2.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s3.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s4.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s5.jpg" border="0" /></a>
<a href="#"><img src="/jscss/demoimg/wall_s6.jpg" border="0" /></a>
</div>
<div id="demo2"></div>
</div>
</div>
<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>
</body>
</html>
发表评论
-
springMvc定时器执行两次
2015-02-15 16:26 649用quartz 执行定时任务时,会执行2次,具体原因不详 先 ... -
java截取一位小数 js截取一位小数
2015-01-08 16:12 1093//java截取一位小数 java.text.Decimal ... -
滚动条在IE9以下是正常的写法
2015-01-08 14:50 4249//以下Ie9 正常 在火狐下正常 <div s ... -
如何给table顶端加水平滚动条
2015-01-07 15:20 762<script language=javascript& ... -
文字样式 好看
2014-12-06 15:45 524style="color: #333333; fon ... -
Jquery 版本与asyncbox 弹出框样式 兼容问题,必须1.4版本的
2014-12-05 11:26 952<%@ page language="java ... -
jquery绑定文字,失去焦点显示文字,得到焦点
2014-11-10 14:58 533$('.inp_1').bind({ focus:fun ... -
web页面时间模拟控件
2014-10-21 16:20 788<%@ page language="ja ... -
JAVA WEB开发中处理乱码汇总
2014-10-11 10:44 566JAVA WEB开发中处理乱码汇总 在开发中难免会遇到中文 ... -
IE9获取file控件的本地文件路径 ie9 document.selection.createRange().text
2014-08-04 17:44 1013http://gallop-liu.iteye.com/blo ... -
json对象 和 字符串 互相转换
2014-07-31 15:16 527[size=large] //ie8以上: //json对 ... -
myeclipse2014 cannot be resolved in either web.xml or the jar files
2014-06-30 09:40 717之前是用myeclipse9 现在切换到2014 版本 发现w ... -
lightbox用法 img记得加上href
2014-06-24 14:05 1121<script src="/jgds/comm ... -
固定电话 和 手机 正则表达式 js
2014-06-17 20:37 673var isMob=/^1[3-5,8]{1}[0-9]{9} ... -
struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互
2013-12-02 15:21 7991.新建web项目 引人10个jar包(在附件中下载),名称如 ... -
oninput onpropertychange 思明互动 智能互动
2013-11-21 19:05 1062<textarea id="title&q ... -
jquery.form.js ajaxsubmit上传文件 报对象不支持此属性或方法
2013-10-10 18:53 2218jquery.form.js ajaxsubmit上传文件 报 ... -
分享一个中国省市区县地区选择的jQuery插件
2013-09-30 17:46 1043http://www.iteye.com/topic/1132 ... -
Ext messageBox hide 小应用
2013-09-25 10:10 1393<link rel="stylesheet&q ... -
遇到jquery ajaxSubmit 无法提交时
2013-09-25 09:04 517遇到jquery ajaxSubmit 无法提交时 1.把属性 ...
相关推荐
JS图片滚动代码(无缝、平滑).rarJS图片滚动代码(无缝、平滑).rarJS图片滚动代码(无缝、平滑).rarJS图片滚动代码(无缝、平滑).rar
JS图片滚动代码(无缝、平滑)各浏览器都兼容 js 网页代码
本源代码收集了一些常用的网页图片滚动,无缝滚动,效果很平滑,包括上下左右四个方向的滚动,或许你现在用不上这些代码,不过先收藏起来以备后用哦。
js图片无缝平滑滚动
JS图片无缝、平滑滚动代码
JS图片向左滚动代码,很好用,使用于页面图片滚动
js无缝图片滚动完整代码下载,分别包括水平和垂直滚动,滚动效果平滑,可适用于网页上的图片新闻滚动和纵向图片滚动,无使用jQuery,代码简洁,示例完整。
非常实用的JS图片无缝、平滑、上下左右滚动。 解压即可使用,可改变参数控制速度。
链接图片无缝向左平滑滚动Js版代码
网页设计制作中常用的一个水平无缝滚动js类
常用JS图片滚动(无缝、平滑、上下左右滚动)
本文给大家分享一段js代码关于实现图片滚动效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下
本资源中包含CSS+JS滚动图片功能代码、CSS将图片自动变为圆角、CSS强制等比例缩小图片、CSS实现自适应的图片...JavaScript 生成弹性透明的图片放大代码、JS图片滚动代码(无缝、平滑)、Js图片连续左右滚动、Js拖动特效...
jq实现图片滚动(平滑滚动)代码,让图片无缝循环滚动,可点击文字控制滚动方向,不限图片数量的上下图片滚动,支持IE8以下浏览器,IE9和火狐及Chrome下有问题,也希望JS达人可修正代码哦。