ldz0414
- 浏览: 360739 次
- 性别:
- 来自: 北京
-
文章分类
最新评论
-
Cleverxia：
[size=x-small][size=xx-small][c ...
拼接JSON字符串 -
dongbiying：
我找到原因啦。。。// float dlng = 2 * as ...
根据经纬度查询附近的点 -
dongbiying：
请问楼主。我现在传的值是double lat = 39.905 ...
根据经纬度查询附近的点 -
di1984HIT：
真的不错。啊
web.xml配置错误页面跳转 -
yuxiaolongwin：
可以加 j2ee.jar包也行
javax.servlet.jsp.PageContext cannot be resolved to a type
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js实现div自动滚动</title>
<script type="text/javascript">
function startmarquee(lh, speed, delay) {
var t;
var oHeight = 300;/** div的高度 **/
var p = false;
var o = document.getElementById("show");
var preTop = 0;
o.scrollTop = 0;
function start() {
t = setInterval(scrolling, speed);
o.scrollTop += 1;
}
function scrolling() {
if (o.scrollTop % lh != 0
&& o.scrollTop % (o.scrollHeight - oHeight - 1) != 0) {
preTop = o.scrollTop;
o.scrollTop += 1;
if (preTop >= o.scrollHeight || preTop == o.scrollTop) {
o.scrollTop = 0;
}
} else {
clearInterval(t);
setTimeout(start, delay);
}
}
setTimeout(start, delay);
}
window.onload=function(){
/**startmarquee(一次滚动高度,速度,停留时间);**/
startmarquee(20, 20, 1500);
}
</script>
</head>
<body>
<div id="show"
style="height: 300px; overflow-y: scroll; overflow-x: scroll;">
<table width="100%" border="1px" cellspacing="0px"
style="border-collapse: collapse">
<thead>
<tr>
<td style="background: blue" width="10%">AAA</td>
<td style="background: blue" width="20%">BBB</td>
<td style="background: blue" width="50%">CCC</td>
<td style="background: blue" width="10%">DDD</td>
<td style="background: blue" width="">DDD</td>
</tr>
</thead>
<tbody>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
<td>CCC</td>
<td>DDD</td>
<td>DDD</td>
</tr>
</tbody>
</table>
<div>
</body>
</html>
分享到：
发表评论
-
CSS层的叠加
2014-12-30 23:00 636本文引用：http://sunshuaij2ee.iteye. ... -
jquery-ui创建tab页时报Object [object Object] has no method 'tabs'错误
2013-12-12 10:53 1311如题今天遇到了一个创建tab页时报jQuery is not ... -
可拖动的div
2013-12-05 16:18 952<html> <meta http-e ... -
网页禁止右键菜单。禁止拖拽
2013-12-05 10:28 3173网页禁止右键菜单。禁止拖拽 <body ondragst ... -
Jquery如何获取iframe里面body的html呢？
2013-10-24 19:01 2007如果是自己网页的话，可以这样，$("iframe&q ... -
ant下载及配置
2013-09-11 15:25 598------------------ant下载及配置----- ... -
MyEclipse web项目如何导入到Eclipse
2013-09-07 14:53 795原文：http://home.51.com/chenyun13 ... -
tomcat的OutOfMemoryError(PermGen space)解决方法(转)
2013-07-27 21:46 682关键字: tomcat outofmemoryer ... -
mysql设置远程连接
2013-07-27 13:58 660重新启动mysql服务： service mysql res ... -
使用apt-spy自动配置Debian软件源
2013-07-27 10:52 4524使用apt-spy自动配置Debian ... -
unable to locate package
2013-07-27 10:49 1563碰到这个问题后找到这个帖子就转了过来 当用apt-get更新软 ... -
mysql版本
2013-07-26 21:08 726MySQL Community Server--------m ... -
linux配置java环境变量(详细)
2013-07-25 21:53 696linux配置java环境变量(详细) 一. 解压安装jdk ... -
为什么要让网页静态化
2013-07-21 20:32 813为什么要让网页静态化，生成静态的程序来做网站的好处？ ... -
启动Tomcat时遇到的 java.lang.IllegalArgumentException: Can't convert argument: null 异常
2013-05-13 20:25 698本文摘自：http://tchen8.iteye.com/bl ... -
Hibernate缓存四
2013-05-09 16:08 638作者：赵磊 博客：http ... -
Hibernate缓存三
2013-05-09 14:27 559很多人对二级缓存都不太了解，或者是有错误的认识，我一直想写一篇 ... -
Hibernate缓存二
2013-05-09 10:57 647一、一级缓存 一级缓存的生命周期和session的生 ... -
Hibernate缓存一
2013-05-09 10:56 693缓存是位于应用程序与物理数据源之间，用于临时存放复制数据的内存 ... -
各种数据库的JDBC驱动下载及连接字符串URL写法
2012-08-22 10:59 7931. MySQL(http://www.mysql.com) ...
相关推荐
js 实现 div的自动滚动! 值得下载看看!资源免费,大家分享!!
标题 "js实现div里面的内容滚动，并可以通过按钮控制" 涉及的是JavaScript在网页中创建动态滚动效果的技术。JavaScript是一种广泛用于网页交互的脚本语言，它可以操纵HTML元素，包括让内容在div（一个HTML布局容器）...
总结来说，div内容自动滚动是通过JavaScript实现动态更新和滚动效果，而HTML自动生成随机颜色则是利用JavaScript生成独特且随机的颜色值，两者结合能够创造出更加生动和有趣的网页交互体验。在进行网页开发时，掌握...
在JavaScript（简称JS）编程中，实现图片自动滚动和手动控制滚动的功能是一项常见的需求，尤其在网站设计和用户体验优化中。这个功能可以让用户在有限的屏幕空间内查看更多的内容，提高信息展示的效率。以下是对这个...
效果展示 （鼠标移入，滚动停止；鼠标移出，滚动继续） ... 样式方面：由于要滚动，所以必须2个ul的高度 > 外层可视div高度，且div必须设置overflow：hidden; 代码实现 HTML： <div id=review_box> 第一条 <
2. **滚动条**: 当div的内容超出其宽度或高度时，浏览器会自动显示滚动条，以便用户查看隐藏的内容。 3. **jQuery**: jQuery是JavaScript的一个库，提供了丰富的API，简化了JavaScript编程，如选择器、事件处理、...
4. 定时器和滚动函数：使用JavaScript的setInterval()方法设置一个定时器，定时触发滚动函数scrollNews，以固定的时间间隔不断调用这个函数来实现自动滚动。在 scrollNews 函数内部，需要通过操作DOM来将ul元素向左...
5. **事件监听**：为了实现自动滚动，我们需要监听特定的事件。在本例中，可能是新消息的添加或者DOM的更新。可以使用`addEventListener`方法绑定`'DOMContentLoaded'`、`'load'`、`'scroll'`、`'resize'`等事件。 ...
"jQuery+mousescroll.js自定义美化div滚动条插件"就是这样一个工具，它旨在将传统的浏览器滚动条转变为更加符合现代审美且交互友好的元素。这款插件允许开发者轻松地自定义滚动条样式，使其与网站的设计风格保持一致...
4. **控制滚动速度**：通过`setInterval`函数，我们可以定时调用`Marquee()`函数，实现自动滚动的效果。`speed`变量控制滚动的速度，单位为毫秒。 5. **添加鼠标事件监听器**：最后，为`demo`元素添加`onmouseover`...
总结一下，实现“js 随鼠标滚动条滚动的div”主要涉及以下几点： 1. CSS定位：`position: fixed`或`position: sticky`。 2. 事件监听：使用`addEventListener`监听`scroll`事件。 3. 获取滚动位置：通过`window....
查询了一下相关的资料，Div没有自动滚动的属性，只能模拟鼠标的滚动来现实想要的效果。 关键的部分部分在这里：div.scrollTop = div.scrollHeight; 下面是具体实现的精简代码： 代码如下: <html> <body>...
本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和scrollIntoView方法。下面将详细解析每种方法的原理、使用方法及优缺点。 ...
通过上述示例代码，我们不仅实现了无缝滚动的效果，还增加了用户交互性，即当鼠标悬停在滚动区域时自动暂停滚动。这种技术在网页设计中非常实用，可以广泛应用于各种场景。对于开发者来说，理解这段代码的工作原理...
综上所述，通过jQuery我们可以轻松地在div元素上实现自定义的滚动条效果，结合CSS和JavaScript，可以创造出丰富的用户体验。同时，理解jQuery的源码和使用它作为开发工具，能够提升我们的前端开发能力。
"js实现缩略图自动滚动并显示对应大图"就是这样一个功能，它利用JavaScript语言来实现图片的动态展示效果。 首先，我们来看看实现这个功能所需的基本步骤： 1. **HTML结构**：页面需要包含两部分，一部分是缩略图...
6. **交互控制**：除了自动滚动，我们还可以添加用户交互，如暂停、恢复、手动滚动等。这可以通过监听键盘事件、按钮点击事件等实现。例如，添加一个按钮，用户点击时通过`.stop()`停止动画，再次点击则通过`....
总结来说，JS实现的新闻列表自动滚动效果主要依赖于JavaScript的定时器功能和DOM操作。通过控制`scrollTop`属性的变化，我们可以实现列表的动态滚动。同时，通过监听鼠标事件，我们可以让滚动在用户交互时暂停或继续...