cherryQQ
- 浏览: 1137372 次
- 性别:
- 来自: 厦门
-
文章分类
- 全部博客 (240)
- javascript (24)
- Struts (3)
- Hibernate (9)
- spring (3)
- 学海无涯 (45)
- jstl (4)
- java (21)
- js (4)
- Ajax (2)
- 开源框架-ajax (1)
- oracle spring (38)
- unix (6)
- 美国骆驼 American Camel 骆驼皮鞋 骆驼正品 (0)
- android (1)
- BIEE (16)
- informatica (13)
- 触摸屏 (1)
- 诈×骗×电话 (4)
- 远程桌面无法连接 (1)
- 旅游 (3)
- 生活 (8)
- hp6531s (2)
- oracle (6)
- 短信病毒 (1)
- 手机诈骗 短信病毒 (3)
- 骗子 (3)
- ultraedit (1)
- sql2008 (0)
- 苏宁易购大骗子 苏宁易购二手当新品卖 苏宁易购以次充好 苏宁易购您还敢下单吗 (0)
- 苏宁易购二手当新品卖 (0)
- informatica etl (5)
- etl (8)
- NoClassDefFoundError: com/opensymphony/xwork2/util/classloader/ReloadingClas (1)
- mysql (2)
- jquery ajax post (1)
- jason (1)
- json (1)
- struts2 (1)
- jsp 文本编辑器 (2)
- beyond compare (1)
- svn (3)
- EAS BOS (3)
- tapestry5 (1)
- obiee (3)
- java dll (2)
- office (1)
- kettle 8.2 org.gjt.mm.mysql.Driver (1)
最新评论
-
JianCaesar：
oracleStr2Clob，为什么要用反射，直接调用不可以吗 ...
java String和Clob转换 -
vip_gg：
...
邮件失败!javax.mail.AuthenticationFailedException: 535 Error: authentication -
cherryQQ：
我把敏感的用*号代替啦，这样可以了吧，等你加一个号，等着租房子 ...
**同城租房需要加房东的微*号 -
sam.sheng.3：
dream80 写道是的，这个主要就是二步验证的问题，很多人不 ...
AttributeError: can't set attribute -
ooo456mmm：
不错
oracle job 定时执行 存储过程
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<base >
<div align="center" id="demo" style="overflow:hidden;height:200px;width:300px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;">
<div id="demo1">
<!-- 定义内容-->
<img src="rooster.jpg">
<img src="未命名77777.jpg">
<img src="10825727.jpg">
<img src="10825728.jpg">
<img src="http_imgload.jpg">
<img src="beijing.jpg">
<img src="86_1211274933_1999785.jpg">
<img src="90_1211274933_1999785.jpg">
<img src="89.jpg">
<img src="未命名655556.gif">
<img src="未命名啊.gif">
<img src="未命名水电费对方的.gif">
<img src="未命名77777.jpg">
</div>
<div id="demo2"></div>
</div>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30"><form name="form1" method="post" action="">
<label></label>
<label>
<input type="text" name="textfield">
</label>
</form> </td>
<td height="30"><label>
<input type="submit" name="Submit" value="提交">
</label></td>
<td height="30"><a class="tree" href="####"
onclick="window.open('../notice/notice.jsp', 'right');"
type="nodelink"><font face="Arial, Helvetica, sans-serif"
size="2">发送通知</font> </a></td>
<td height="30"> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=10; //滚动速度值，值越大速度越慢
demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed); //设置定时器
demo.onmouseover = function(){clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} //鼠标移开时重设定时器
-->
</script>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<base >
<div align="center" id="demo" style="overflow:hidden;height:200px;width:300px;border-width:1px 1px 1px 1px;border-style:dotted dotted dotted dotted;">
<div id="demo1">
<!-- 定义内容-->
<img src="rooster.jpg">
<img src="未命名77777.jpg">
<img src="10825727.jpg">
<img src="10825728.jpg">
<img src="http_imgload.jpg">
<img src="beijing.jpg">
<img src="86_1211274933_1999785.jpg">
<img src="90_1211274933_1999785.jpg">
<img src="89.jpg">
<img src="未命名655556.gif">
<img src="未命名啊.gif">
<img src="未命名水电费对方的.gif">
<img src="未命名77777.jpg">
</div>
<div id="demo2"></div>
</div>
<table width="90%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="30"><form name="form1" method="post" action="">
<label></label>
<label>
<input type="text" name="textfield">
</label>
</form> </td>
<td height="30"><label>
<input type="submit" name="Submit" value="提交">
</label></td>
<td height="30"><a class="tree" href="####"
onclick="window.open('../notice/notice.jsp', 'right');"
type="nodelink"><font face="Arial, Helvetica, sans-serif"
size="2">发送通知</font> </a></td>
<td height="30"> </td>
</tr>
</table>
<script language="javascript" type="text/javascript">
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=10; //滚动速度值，值越大速度越慢
demo2.innerHTML = demo1.innerHTML //克隆demo2为demo1
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0) //当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar = setInterval(Marquee,speed); //设置定时器
demo.onmouseover = function(){clearInterval(MyMar)} //鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)} //鼠标移开时重设定时器
-->
</script>
</BODY>
</HTML>
- 大小: 149.4 KB
分享到：
发表评论
-
js 获取年月日 时分秒
2011-08-23 15:51 11062时间久了，忘记了js 获取年月日时分秒的方法了，现在写在这里进 ... -
js 将字符串转换成xml 将字符串转换成dom
2010-12-04 16:56 4046经常遇到在js里面需要解析xml的问题，然而有时候，后台返回的 ... -
JavaScript push()
2010-07-01 20:08 1267Example Add new elements to ... -
js 'a==0' 字符串转boolean类型 if('a==0')
2010-04-12 15:35 2533今天遇到一个重数据库封装好的boolean 类型的字符串 ... -
js 缺少标识符
2010-04-01 18:58 2484今天在调试js 的时候报，缺少标识符 找了好久终于发现，啦这个 ... -
js 加减乘除
2010-03-11 15:37 2570//浮点数加法运算 function FloatAdd(a ... -
js 下拉框的动态添加，删除
2009-12-23 10:25 2429function getPreCash(){ if (nu ... -
js 设置打印样式
2009-10-14 21:15 10417最近在开发一个打印回 ... -
js url传值中文乱码之解决之道
2009-08-10 11:30 3357因为js url在传值的过程中使用的是js自己默认的字符集编码 ... -
js 错误：Automation 服务器不能创建对象
2009-03-29 21:12 4750注意：红色的设置一下即可搞定 希望有类似情况的朋友会得到一些 ... -
Ajax 无法在IE7.0中运行 已解决
2008-12-31 12:09 1725function createRequest() { //a ... -
js 隐藏方式
2008-12-11 13:42 1296<!DOCTYPE HTML PUBLIC " ... -
ajax 局部动态刷新
2008-12-05 18:59 1742<script type="text/java ... -
js 使文本框的焦点移动
2008-12-04 09:00 3056我前段时间看了MS的ASP.N ... -
js 子父窗口传值
2008-11-25 13:30 1301a.html ------------------------ ... -
js 获取浮点的整数部分
2008-11-20 19:04 1985<script type="text/java ... -
js 验证浮点数、整数、非特殊字符
2008-10-31 16:56 2090<!DOCTYPE HTML PUBLIC " ... -
js 双击滚屏
2008-08-06 10:40 1798<!DOCTYPE html PUBLIC " ... -
js 脚本大全
2008-08-06 10:16 1306不怕做不到，就怕找不到 点击网址即可进入js 命令大全应有尽有 ... -
js 验证特殊字符
2008-06-06 13:30 3374<!DOCTYPE HTML PUBLIC " ...
相关推荐
总结来说，JavaScript无缝滚动技术是通过数组和定时器结合DOM操作来实现的。无论是文字还是图片，都可以通过这种方法实现流畅的滚动效果。在实际开发中，可以根据项目需求进行定制，如调整滚动速度、添加不同的过渡...
下面我们将详细介绍如何用JS来制作图片的向上无缝滚动效果： 1. **HTML结构**： 首先，我们需要在HTML中设置一个包含所有图片的容器，例如`<div>`，并给每个图片设置相应的样式，确保它们在同一行排列。容器通常...
JavaScript 图片无缝滚动源码 图片无缝滚动源码
文档中首先提到，用户在寻找一个易于实现且能够无缝滚动图片的技术，但在网络上找到的很多解决方案要么大同小异，要么调试复杂，难以应用。这说明市场上对于简单、有效的无缝滚动图片技术有一定的需求。 ### 知识点...
根据给定的文件信息，我们可以深入探讨“js图片无缝滚动代码”的实现原理和技术要点。这段代码展示了一种利用JavaScript实现图片在网页上无缝滚动的方法，适用于创建动态且视觉上连贯的图片滚动效果。 ### 无缝滚动...
JavaScript图片无缝滚动是一种常见的网页动态效果，用于展示一组图片或内容，通过自动循环滚动的方式，为用户带来流畅的视觉体验。这种技术广泛应用于网站的广告轮播、产品展示等场景。下面将详细介绍JavaScript图片...
通过以上介绍，你可以理解如何使用JS实现文字和图片的无缝滚动效果。实际开发中，可以根据具体需求进行定制，例如添加指示器、调整滚动速度、支持自动播放和手动控制等。同时，结合现代前端框架（如React、Vue、...
总的来说，通过JavaScript实现图片和文字的无缝滚动，需要理解HTML、CSS和JS的基本原理，以及如何利用它们协作实现动态效果。通过不断实践和优化，可以创造出既美观又高效的滚动效果，提升网站的用户体验。
标题中的“兼容IE与火狐的js图片无缝滚动代码”是指一种JavaScript编程技术，用于创建在不同浏览器（尤其是Internet Explorer和Firefox）上都能正常工作的图片滚动效果。这种效果通常是通过让图片在用户看不到的地方...
这个压缩包文件"图片无缝滚动插件上下左右图片无缝滚动代码.zip"显然包含了一套实现这种效果的JavaScript代码。以下是关于这个插件及其相关技术的知识点详解： 1. **JavaScript基础**：无缝滚动效果主要依赖...
本文将深入探讨如何通过JavaScript（简称JS）来实现图片的无缝滚动，旨在为开发者提供一个完整且易于理解的解决方案。 #### 关键概念解析 - **`<marquee>`**：这是一个HTML标签，用于创建自动滚动的文本或图片流，...
在提供的压缩包文件中，可能包含了一个名为“无缝滚动”的示例项目，该项目可能包括HTML文件（如index.html）、CSS文件（如style.css）和JavaScript文件（如script.js）。通过分析和学习这些文件，你可以更深入地...
"marquee图片无缝滚动（上下左右均可）" 这个标题涉及到一个JavaScript或HTML元素的使用，即`<marquee>`标签，它用于创建一个滚动的效果，通常用于文字或图像的自动滚动。这里的关键词是“无缝滚动”，意味着在滚动...
js无缝图片滚动,很不错,可以做到无缝图片流动效果,js无缝图片滚动.
JavaScript图片左右无缝滚动是一种常见的网页动态效果，常用于展示多张图片并使用户可以通过鼠标操作来浏览。这种技术主要依赖JavaScript语言以及HTML和CSS来实现。以下是对这一知识点的详细说明： 1. **JavaScript...
为了提供更好的用户体验，可以采用JavaScript（js）来实现表格的无缝滚动效果，让表格像一个无边界的容器一样平滑滚动。这种效果在大数据量的展示或者长表格中尤其有用，它能让用户更容易地浏览和查找信息。 首先，...
本文将深入探讨这种支持单排图片上下滚动和无缝滚动的js图片滚动插件。 首先，单排图片上下滚动是指在网页的一行（或一列）内展示图片，并允许用户通过点击按钮或自动播放来上下滚动这些图片。这种方式使得有限的...
本文将深入讲解如何使用JS实现产品图片的向左和向上无缝滚动效果。 首先，我们需要理解无缝滚动的基本原理。它通过调整图片的显示顺序，让最后一张图片紧跟在第一张图片之后，从而在视觉上创造出无中断的滚动效果。...
在本项目中，我们关注的是几个JavaScript的经典效果：图片切换、无缝滚动和JavaScript菜单。 1. 图片切换： 图片切换效果是网页设计中常见的元素，用于展示多张图片或内容。实现这一效果通常有两种常见方法：CSS3...