html代码如下:<!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>
<script type="text/javascript" src="/Jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="/Jquery/js22.js"></script>
<style type="text/css">
#outer{
height:200px;
width:150px;
text-align:center;
border:1px solid #003;
margin:100px auto;
overflow:hidden; cursor:pointer;}
</style>
</head><body>
<div id="outer">
<div id="in">
start<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
end
</div>
</div>
</body> js代码如下
$(function(){
var clone=$("#in").clone();
$("#outer").append(clone);
var speed=1; function scroll2(){
var scrollTop=$("#outer").scrollTop()+speed;
if(scrollTop==200){
scrollTop=0;
}
$("#outer").scrollTop(scrollTop);
}
var NY=setInterval(scroll2,100); $("#outer").mouseover(function(){ clearInterval(NY);});
$("#outer").mouseout(function(){NY=setInterval(scroll2,100); }); })
希望各位大侠指点一下,不胜感激!
jquery 竖直文本滚动JavaScriptHTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="/Jquery/jquery-1.8.3.js"></script>
<script type="text/javascript" src="/Jquery/js22.js"></script>
<style type="text/css">
#outer{
height:200px;
width:150px;
text-align:center;
border:1px solid #003;
margin:100px auto;
overflow:hidden; cursor:pointer;}
</style>
</head><body>
<div id="outer">
<div id="in">
start<br>
1<br>
1<br>
1<br>
1<br>
1<br>
1<br>
end
</div>
</div>
</body> js代码如下
$(function(){
var clone=$("#in").clone();
$("#outer").append(clone);
var speed=1; function scroll2(){
var scrollTop=$("#outer").scrollTop()+speed;
if(scrollTop==200){
scrollTop=0;
}
$("#outer").scrollTop(scrollTop);
}
var NY=setInterval(scroll2,100); $("#outer").mouseover(function(){ clearInterval(NY);});
$("#outer").mouseout(function(){NY=setInterval(scroll2,100); }); })
希望各位大侠指点一下,不胜感激!
jquery 竖直文本滚动JavaScriptHTML
解决方案 »
- 我想点击一下按钮后,表格中 tr id为6的2个 td 里边的值分别付给 text
- jquery validate 自定义方法中有ajax操作的问题
- Jqeury 取iframe 的值
- 无法找到JS文件
- 怎样可以捕获在IE地址栏里点回车、点地址栏上‘跳转’按钮的这两种事件?
- 请问如何让用户的鼠标移过文本框时自动全选文本框内容?
- 请问怎么在JAVASCRIPT里判断是否为数字型数据?另外,怎么格式化数值型数据成两位小数?
- 为什么第一种情况是好的,第二种情况却要报错?
- 求这个正则表达式的写法
- 关于innerText和value的区别
- 为何我将sina 的登陆页面保存后,再在登陆页面 中登录却不能登录
- 关于百度首页的script 代码~求大牛帮忙~
$(function(){
var clone=$("#in").html();//这里要用html而不能用clone,html()方法是获取html代码,你是要加长html代码,clone方法是要复制节点信息 $("#outer").append(clone).append(clone);//其次,你滚动的内容长度要大于200+scrollTop的高度才能进行滚动
var speed=1;
var NY=window.setInterval(scroll2,100); function scroll2()
{
var scrollTop=$("#outer").scrollTop()+speed;
if(scrollTop==200){
scrollTop=0;
}
$("#outer").scrollTop(scrollTop);
}
$("#outer").hover(function(){clearInterval(NY)},function(){NY=setInterval(scroll2,100);}); })</script>