网站首页 手机版
 注册 登录
您现在的位置: 畅无忧设计 >> 网页特效 >> 文字链接 >> 正文
最新文章
· 单行文字上下无缝循环滚动
· 鼠标移入/移出颜色渐变
· 链接翻滚的文字特效
· 鼠标跟随效果的链接文字提示
· JS仿腾讯QQ网站的链接文字提示效果
· 链接文字向下一像素
· CSS实现带背景图片的文字链接
· Effects Module效果,jQuery 隐性文本
· JS实现打字机式字符输出效果
· 从天上掉下来的文字
热门文章
 CSS实现链接下划虚线效果
 JS实现打字机式字符输出效果
 单行文字上下无缝循环滚动
 符合标准的间歇性向上滚动代码(兼容
 JavaScript实现搜索关键字高亮
 Javascript动态调整文章的行距、字
 支持链接到新页面的锚点平滑跳转-A
 显示在文本框里的Js打字效果代码
 CSS实现带背景图片的文字链接
 JS实现字体大中小切换
相关文章
单行文字上下无缝循环滚动
Banner图片广告上下滚动代码
手动上下滚动指定区域的文本内容
来源:JavaEye 更新时间:2010/9/19 12:05:50 阅读次数: 我要投稿
△运行 ☉预览 #复制 +收藏
特效代码:
<div id="theDiv" style="border:1px solid green;width:100px;height:120px;overflow:hidden"> 
<div id="content"> 
1<br> 
2<br> 
3<br> 
4<br> 
5<br> 
6<br> 
7<br> 
8<br> 
9<br> 
10<br> 
11<br> 
12<br> 
13<br> 
14<br> 
15<br> 
16<br> 
17<br> 
18<br> 
19<br> 
20<br> 
21<br> 
22<br> 
23<br> 
24<br> 
25<br> 
26<br> 
27<br> 
</div> 
</div> 
<br> 

<button id="downButton" onclick="downIt()"  >向下</button> 
     
<button id="upButton" onclick="upIt()" disabled=true>向上</button> 

<script language="javascript"> 
function downIt(){ 
theDiv.doScroll("pageDown"); 
resetButton(); 

function upIt(){ 
theDiv.doScroll("pageUp"); 
resetButton(); 

function resetButton(){ 
upButton.disabled = false; 
downButton.disabled = false; 

if(theDiv.scrollTop == 0){ 
upButton.disabled = true; 

if(theDiv.scrollTop == content.offsetHeight - theDiv.clientHeight){ 
downButton.disabled = true; 


</script>

△运行 ☉预览 #复制 +收藏
特效说明:
手动上下滚动指定区域的文本内容
  • 上一篇文章:
  • 下一篇文章:
  • 关于我们 - 联系我们 - 广告服务 - 在线投稿 - 友情链接 - 网站地图 - 版权声明
    CopyRight 2008-2010, CWYDESIGN.COM - 畅无忧设计, Inc. All Rights Reserved
    滇ICP备09005765号