js文字向上滚动代码
js文字向上滚动代码
<style>
.pczt_pingfen_jhxs_news1{ width:397px; background:#edfafd; padding-top:2px; padding-bottom:2px; margin:0 auto;}
.pczt_pingfen_jhxs_xian{ width:382px; margin:0 auto; border:1px dashed #a8d1dd; border-left:none; border-right:none;}
.pczt_pingfen_jhxs_noxian{ width:382px; margin:0 auto; border:none;}
.pczt_pingfen_jhxs_wenzi{color:#185881; text-align:center; line-height:30px;}
.pczt_pingfen_jhxs_wenzi2{line-height:22px; font-size:12px; text-indent:2em; color:#525252;}
</style>
<div
id="demo" onmouseover="clearInterval(timer)"
onmouseout="timer=setInterval(mar,30)" style="overflow:hidden;
height:225px; width:100%;">
<div id="demo1" style="height:100%;" >
<div class="pczt_pingfen_jhxs_news1" >
<div class="pczt_pingfen_jhxs_xian">
<h4 class="pczt_pingfen_jhxs_wenzi">CGWR 《武林至尊》游戏评测</h4>
<p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》没有依照任何名著来搭建自己的世界观,而是通过
设计员自己的脑子,想出了一个完美的剧情。虽比不了仙剑奇侠
传的剧情经典,但也堪称引人入胜。再加上独有的部分特色,所
以吸引了众多武侠迷进入了游戏。</p>
</div>
</div>
<div class="pczt_pingfen_jhxs_noxian">
<h4 class="pczt_pingfen_jhxs_wenzi">17173《武林至尊》试玩视频</h4>
<p class="pczt_pingfen_jhxs_wenzi2">《武林至尊》是一款华丽3D锁视角武侠网游巅峰巨作,真实再现
了万千华人梦想中的武侠世界。它秉承纯正的中国武侠文化,彻
底摒弃传统网游的职业概念,无职业限制,技能完全自由搭配,</p>
</div>
<div id="demo2"></div>
</div>
</div>
<script>
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight;
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>
---------------------------------------------------------------------------------------------------------------------------------------------------------------------
<div class="s-column4">
<h3>今日成功预约</h3>
<div id="demo" style="overflow:hidden;height:350px;width:320px;margin-top: 20px;">
<div id="demo1">
<ul>
<li><a href="/wz.html" target="_blank"
rel="nofollow">胡小姐 面部白癜风&
nbsp; 预约成
功 5分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">李小姐 颈部白癜风&
nbsp; 预约成
功 8分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">陈先生 手部白癜风&
nbsp; 预约成
功 9分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">郑小姐 脚部白癜风&
nbsp; 预约成
功 11分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">廖小姐 胸部白癜风&
nbsp; 预约成
功 13分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">张小姐 面部白癜风&
nbsp; 预约成
功 16分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">冯先生 颈部白癜风&
nbsp; 预约成
功 25分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">曾先生 手部白癜风&
nbsp; 预约成
功 30分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">黄小姐 脚部白癜风&
nbsp; 预约成
功 30分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">于小姐 背部白癜风&
nbsp; 预约成
功 45分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">赵小姐 面部白癜风&
nbsp; 预约成
功 52分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">董先生 颈部白癜风&
nbsp; 预约成
功 1小时前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">刘小姐 脚部白癜风&
nbsp; 预约成
功 1小时前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">李先生 背部白癜风&
nbsp; 预约成
功 1小时前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">黄小姐 面部白癜风&
nbsp; 预约成
功 1小时前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">胡小姐 面部白癜风&
nbsp; 预约成
功 5分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">李小姐 颈部白癜风&
nbsp; 预约成
功 8分钟前</a></li>
<li><a href="/wz.html" target="_blank"
rel="nofollow">陈先生 手部白癜风&
nbsp; 预约成
功 9分钟前</a></li>
</ul>
</div>
<div id="demo2"></div>
</div>
<!--<script>
var speed=100;
demo2.innerHTML=demo1.innerHTML
function Marquee2(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee2,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee2,speed)}
</script>-->
</div>
<script>
var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show"),timer;
t2.innerHTML=t1.innerHTML;
function mar(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight+"250px";
else
t.scrollTop++;
}
timer=setInterval(mar,30);
function getid(id){
return document.getElementById(id);
}
</script>
js文字向上滚动代码的更多相关文章
- js文字上下滚动代码
<div id="dome"> <div id="dome1"> <ul class="express"> ...
- jquery 文字向上滚动+CSS伪类before和after的应用
汇总常用技巧——CSS伪类before和after的应用 先上效果图,建议遵循有图有真相的原则,可以上图的地方,还望不要嫌麻烦,毕竟有图的话 可以让读者少花些时间! <!DOCTYPE html ...
- js图片无缝滚动代码
想必大家都注意到<marquee>的不循环滚动,所以出现了很多替代脚本,或iframe或JS输出<marquee>,不管怎么做,都略显麻烦.下面说一下这个相对简单的实现思路:一 ...
- js标题文字向上滚动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xht ...
- js实现向上滚动效果
源码: <style type="text/css"> #up_zzjs{border:1px solid #ccc;width:170px;height:182px; ...
- html js文字左右滚动插件
自己写过很多插件,但都是直接嵌入在了工程里,从来没有拿出来单独封装成一个文件过,这是第一次,希望是一个良好的开端. 一个文字过长而可以左右滚动的插件 <!DOCTYPE html> < ...
- 纯Js ——文字上下左右滚动
ScrollBaseJs.js var $$ = function (id) { return typeof id == 'string' ? document.getElementById(id) ...
- vue文字向上滚动
<template> <vue-seamless-scroll :data="listData" :class-option="optionHover& ...
- js文字无缝滚动
<div id=demo style="overflow:hidden; width:128px; height:300px;"> <div id=demo1&g ...
随机推荐
- java ee eclipse 配置 ssh框架
mvnDebug tomcat:run 这条命令主要用来远程测试,它会监听远程测试用的8000端口,在eclipse里打开远程测试后,它就会跑起来了,设断点,调试,一切都是这么简单. 0.如果是mav ...
- 长沙Uber优步司机奖励政策(1月18日~1月24日)
滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...
- 关于数据库一致改关闭下redo日志文件丢失的处理办法的总结
数据库一致性关闭下redo日志文件丢失的处理办法(归档和非归档都行) 1. inactive log 在一致性关闭后删除重启时可以在mount下(不丢失数据) alter database clea ...
- android的生命周期
1.运行状态:当一个活动处于栈的顶部时,这时活动就处于活动状态,系统是不愿意回收处于活动状态的,会影响用户体验. 2.暂停状态:当一个活动不再处于栈的顶部时,但仍然可见时,这时就是暂停状态了.处于暂停 ...
- 关于PHP程序使用file_get_content()函数进行抓取PHP程序与smarty结合编译过程中产生的静态文件,抓取不了?连接超时?(地址映射)
问题: 当file_get_content()函数的参数 url中是localhost时不能抓取,是127.0.0.1时可以抓取到静态html代码.实现页面静态化技术提高访问效率. test.php ...
- MyEclipse_6.0.1GA_E3.3.1集成版下载地址
因在开发中经常使用到myeclipse 对比相关版本,还是觉得6.0 –6.5 比较适合开发,其他的开发起来比较卡,下面是下载地址 MyEclipse_6.0.1GA_E3.3.1集成版下载地址: ...
- Charles --- Mac 抓包工具
安装 官方网站Charles 是一款收费软件,可以免费体验30天.网上有破解版. 使用 infoq 上有一篇很棒的教程:iOS开发工具——网络封包分析工具Charles 注意事项 这是我使用过程中遇到 ...
- xslt语法之---If Else
大家都知道,XSL中是没有if else的,那么要想实现if else该怎么办呢? 其实很简单 <xsl:choose> <xsl:when test="position( ...
- Java基础知识强化之集合框架笔记46:Set集合之TreeSet存储自定义对象并遍历练习2(自然排序:Comparable)
1. TreeSet存储自定义对象并遍历练习2: (1)Student.java package cn.itcast_06; /* * 如果一个类的元素要想能够进行自然排序,就必须实现自然排序接口 * ...
- Android进阶笔记03:Android应用中实现查看"附近的人"的功能
1. 要实现" 附近的人" 这功能,然后就研究了下: (1)首先要做的就是要获取到自己当前位置的经纬度(编程获取手机GPS定位模块的信息,进而获取自己当前位置的经纬度) (2)然后 ...