ch_dj
- 浏览: 460971 次
- 性别:
- 来自: 厦门
-
文章分类
最新评论
-
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 696用quartz 执行定时任务时，会执行2次，具体原因不详 先 ... -
java截取一位小数 js截取一位小数
2015-01-08 16:12 1142//java截取一位小数 java.text.Decimal ... -
滚动条在IE9以下是正常的写法
2015-01-08 14:50 4327//以下Ie9 正常 在火狐下正常 <div s ... -
如何给table顶端加水平滚动条
2015-01-07 15:20 809<script language=javascript& ... -
文字样式 好看
2014-12-06 15:45 560style="color: #333333; fon ... -
Jquery 版本与asyncbox 弹出框样式 兼容问题，必须1.4版本的
2014-12-05 11:26 1000<%@ page language="java ... -
jquery绑定文字，失去焦点显示文字，得到焦点
2014-11-10 14:58 576$('.inp_1').bind({ focus:fun ... -
web页面时间模拟控件
2014-10-21 16:20 866<%@ page language="ja ... -
JAVA WEB开发中处理乱码汇总
2014-10-11 10:44 613JAVA WEB开发中处理乱码汇总 在开发中难免会遇到中文 ... -
IE9获取file控件的本地文件路径 ie9 document.selection.createRange().text
2014-08-04 17:44 1110http://gallop-liu.iteye.com/blo ... -
json对象 和 字符串 互相转换
2014-07-31 15:16 571[size=large] //ie8以上： //json对 ... -
myeclipse2014 cannot be resolved in either web.xml or the jar files
2014-06-30 09:40 762之前是用myeclipse9 现在切换到2014 版本 发现w ... -
lightbox用法 img记得加上href
2014-06-24 14:05 1174<script src="/jgds/comm ... -
固定电话 和 手机 正则表达式 js
2014-06-17 20:37 724var isMob=/^1[3-5,8]{1}[0-9]{9} ... -
struts2.2 项目搭建 以及与 struts2-json jquery 前后台进行交互
2013-12-02 15:21 8601.新建web项目 引人10个jar包（在附件中下载），名称如 ... -
oninput onpropertychange 思明互动 智能互动
2013-11-21 19:05 1108<textarea id="title&q ... -
jquery.form.js ajaxsubmit上传文件 报对象不支持此属性或方法
2013-10-10 18:53 2282jquery.form.js ajaxsubmit上传文件 报 ... -
分享一个中国省市区县地区选择的jQuery插件
2013-09-30 17:46 1080http://www.iteye.com/topic/1132 ... -
Ext messageBox hide 小应用
2013-09-25 10:10 1435<link rel="stylesheet&q ... -
遇到jquery ajaxSubmit 无法提交时
2013-09-25 09:04 563遇到jquery ajaxSubmit 无法提交时 1.把属性 ...
相关推荐
JS图片滚动代码（无缝、平滑）.rarJS图片滚动代码（无缝、平滑）.rarJS图片滚动代码（无缝、平滑）.rarJS图片滚动代码（无缝、平滑）.rarJS图片滚动代码（无缝、平滑）.rarJS图片滚动代码（无缝、平滑）.rar
JS图片滚动代码（无缝、平滑）各浏览器都兼容 js 网页代码
### 常用JS图片滚动（无缝、平滑、上下左右滚动）代码解析 #### 一、概述 本文档提供了一段实现图片无缝滚动的JavaScript代码。该代码能够实现图片在网页上的平滑滚动，包括上下两个方向。这段代码不仅适用于创建...
以上代码是一个基础的图片向上无缝滚动的实现，实际应用中可能需要考虑更多的细节，比如兼容性、动画平滑性以及用户交互等。在进行此类效果的开发时，可以结合CSS3的`transition`和`transform`属性，以及现代浏览器...
标题中的“图片滚动代码,图片无缝滚动代码,图片自动滚动且可控制滚动方向”涉及到的是网页设计中的一个常见功能——图片滚动效果。这种效果通常用于展示多张图片，以滚动的方式呈现，使得用户无需手动翻页就能浏览到...
JS图片向左滚动代码，很好用，使用于页面图片滚动
【标题】"js无缝图片滚动代码素材.rar"指的是一个JavaScript实现的无缝图片滚动代码资源，它可以帮助网页开发者创建出平滑、高效的图片展示效果。在网页设计中，图片滚动是一种常见的交互元素，常用于新闻更新、产品...
本文将深入讲解如何使用JS实现产品图片的向左和向上无缝滚动效果。 首先，我们需要理解无缝滚动的基本原理。它通过调整图片的显示顺序，让最后一张图片紧跟在第一张图片之后，从而在视觉上创造出无中断的滚动效果。...
本文将深入探讨这种支持单排图片上下滚动和无缝滚动的js图片滚动插件。 首先，单排图片上下滚动是指在网页的一行（或一列）内展示图片，并允许用户通过点击按钮或自动播放来上下滚动这些图片。这种方式使得有限的...
"jQuery图片无缝滚动代码左右上下无缝滚动图片"是利用jQuery库实现的一种图片滚动技术，它使得图片能够在页面上以平滑、连续的方式移动，既可以从左到右，也可以从上到下，为用户带来流畅的视觉体验。 jQuery是一个...
由于我们希望达到“无缝”效果，所以在最后一张图片滚动出去的同时，第一张图片需要重新出现在容器的另一端，这样用户就不会感觉到图片的切换，而是像一个连续的滚动条一样。 原生JavaScript实现图片无缝滚动，主要...
本文将深入探讨JS实现这种图片滚动效果的关键知识点。 首先，我们需要理解JS（JavaScript）是一种广泛用于前端开发的脚本语言，它可以在用户的浏览器上运行，为网页提供交互性。在这个案例中，JS主要负责处理图片的...
### JS图片无缝平滑滚动实现解析 #### 一、项目背景与目标 在现代Web开发中，提升用户体验是一项至关重要的任务。其中，图片的展示方式直接影响到网站的吸引力和交互体验。本文档将详细介绍如何使用JavaScript实现...
"图片左右无缝滚动JS代码"是指使用JavaScript编程语言实现的一种特效，它允许图片在水平方向上连续、平滑地滚动，模拟出一种无限循环的效果，为用户带来更为连贯的浏览体验。这种效果尤其适用于新闻轮播、产品展示或...
最后，我们来看一下JavaScript部分是如何实现图片的无缝平滑滚动的。 ```javascript var speed = 10; // 滚动速度 var tab = document.getElementById("demo"); var tab1 = document.getElementById("demo1"); var ...