知识 分享 互助 懒人建站

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    向上逐行滚动JS代码文本特效,鼠标划过暂停

    作者:佳明妈 来源:未知 2011-04-12 人气:
    向上逐行滚动JS代码,鼠标划过暂停, a中的display:block;/*这个属性是必须的*/,这个文本特效JS代码很少很简洁。这个文本特效js代码兼容IE6、7、8火狐。

    向上逐行滚动JS代码,鼠标划过暂停, a中的display:block;/*这个属性是必须的*/,这个文本特效JS代码很少很简洁。

    这个文本特效js代码兼容IE6、7、8火狐。

    <!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>
    <title>向上逐行滚动JS代码,鼠标划过暂停-懒人建站</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Jquery 特效_JS代码_JS广告代码_下拉菜单代码-懒人建站</title>
    <meta name="keywords" content="jquery特效,JS代码,js特效代码大全,导航菜单代码,焦点幻灯片,

    企业网页设计欣赏" />
    <meta name="description" content="懒人建站为您提供-基于jquery特效,jquery弹出层效果,js特

    效代码大全,JS广告代码,导航菜单代码,下拉菜单代码和jquery焦点图片代码。" />

    <meta http-equiv="content-type" content="text/html;charset=gb2312">
    <style type="text/css">
    a{
     display:block;/*这个属性是必须的*/
     font-size:12px;
     line-height:18px;
     text-decoration:none;
     color:#333;
     font-family:Arial;
    }
    .shell{
     border:1px solid #aaa;
     width:400px;
     padding:3px 2px 2px 20px;
    }
    #div1{
     height:18px;
     overflow:hidden;
    }
    </style>
    </head>
    <body>
    <div class="shell">
      <div id="div1">
        <a href="javascript:">请教高手帮我看下这段代码:FLASH显示不了</a>
        <a href="javascript:">请教在UTF-8编辑下的符号显示问题</a>
        <a href="javascript:">jquery做的一个滑动效果,不知如何增加延迟,现在太灵敏了</a>
        <a href="javascript:">技术研究:QQ2009版按钮渐显渐隐的由来</a>
        <a href="javascript:">Javascript读取Json数据并分页显示,支持键盘和滚轮翻页</a>
        <a href="javascript:">腾讯网奇怪的PNG文件,拜师以求解惑</a>
        <a href="javascript:">更新lhgdialog-ver2.0.1弹出窗口组件</a>
      </div>
    </div>
    <script language="javascript">
    var box=document.getElementById("div1"),can=true;
    box.innerHTML+=box.innerHTML;
    box.onmouseover=function(){can=false};
    box.onmouseout=function(){can=true};
    new function (){
     var stop=box.scrollTop%18==0&&!can;
     if(!stop)box.scrollTop==parseInt(box.scrollHeight/2)?box.scrollTop=0:box.scrollTop++;
     setTimeout(arguments.callee,box.scrollTop%18?10:1500);
    };
    </script>




    <!--下面只是说明与程序代码无关-->
    <div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-

    size:10pt; line-height:150%;">
    <span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站</a> 收集

    整理 我要学电脑.COM →www.51xuediannao.com </span><br>
    <a href="http://www.51xuediannao.com">懒人建站</a> http://www.51xuediannao.com<br/>

    <span>我们为您提供-
    <a href="http://www.51xuediannao.com">jquery特效</a>,
    <a href="http://www.51xuediannao.com/JS">JS代码</a>,
    <a href="http://www.51xuediannao.com/JS/texiao">网页特效</a>,
    <a href="http://www.51xuediannao.com/jiqiao/css/">CSS技巧</a>;</span>
    <span>懒人建站只收录实用和能提高用户体验的代码</span>
    <span>我们只想解放出你的部分写代码时间来思考更高层次的设计,而不是要你懒惰、拼凑。</span>
    </div>

    </body>
    </html>

    ↓ 查看全文

    向上逐行滚动JS代码文本特效,鼠标划过暂停由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    向上逐行滚动JS代码文本特效,鼠标划过暂停-最新评论