Html中的<marquee>标签

marquee的属性：

　　　　innerHTML:     设置或获取位于对象起始和结束标签内的 HTML
　　　　scrollHeight:   获取对象的滚动高度。
　　　　scrollLeft:       设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
　　　　scrollTop:       设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
　　　　scrollWidth:    获取对象的滚动宽度
　　　　offsetHeight:   获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
　　　　offsetLeft:       获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
　　　　offsetTop:       获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
　　　　offsetWidth:    获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度

向右无缝滚动

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>jQuery无缝滚动插件liMarquee演示-向右滚动_dowebok</title>
    <link rel="stylesheet" href="css/liMarquee.css">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.liMarquee.js"></script>
<style>
.dowebok { width: 790px; margin: 150px auto; font-size: 14px;}
.dowebok a { margin: 0 15px; color: #333; text-decoration: none;}
.dowebok a:hover { text-decoration: underline;}
</style>
</head>
<body>

<div class="dowebok">
    <a href="">Smoothslides – 可平移的jQuery幻灯片插件</a>
    <a href="">jQuery全屏滚动插件fullPage.js</a>
    <a href="">WOW.js – 让页面滚动更有趣</a>
    <a href="">让IE7 IE8支持CSS3 background-size属性</a>
    <a href="">shCircleLoader – jQuery Loading效果插件</a>
</div>

</body>
<script>
$(function(){
    $('.dowebok').liMarquee({
        direction: 'right'
    });
});
</script>
</html>

 

posted @ 2016-10-02 18:51  绝迹谷  阅读(1904)  评论(0)  编辑  收藏  举报