Question

我正在尝试使用jQuery为表创建动画，当高度大于分辨率然后执行自动滚动/旋转/选取框。

但没有运气;我试过http://remysharp.com/demo/marquee.html这个插件。

Answer 1

这只是一个简单的例子，我希望它会对你有所帮助当浏览器窗口小于Marquee插件开始的400像素时，您将在页面上找到一个表格当浏览器窗口变得更大400 px时，Marquee插件停止

<!DOCTYPE HTML>
<html>
<head>
<style>
#marquee{width:200px;}
table{border-collapse:collapse;}
table,td {border:1px solid black;}
td{width:400px}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!--isert link to your marquee plugin i download it from https://gist.github.com/remy/2484402-->
<script type="text/javascript" src="marquee.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('marquee').marquee();
    var lar=$('td').width()
    function addMarquee(){
        var len=$('marquee').length
        if(len===0){
            console.log('si')
            $('table tr td span').wrap('<marquee behavior="scroll" direction="left" scrollamount="2" width="350"></marquee>')
            }
        }
    function deleteMarquee(){
        var len=$('marquee').length
        if(len>0){
         $('table tr td span').unwrap()
        }
        }   
    $(window).resize( function(){
        var width = $(window).width();
        if(width<400){
            addMarquee()
            }else{
            deleteMarquee() 
            }
    })
})
</script>
</head>
<body>
<table>
    <tr><td><span>START Lorem ipsum dolor sit amet END</span></td></tr>
    <tr><td><span>START Lorem ipsum dolor sit amet END</span></td></tr>
</table>
</body>
</html>

<小时/> 我希望这个例子可以帮助你

如果高度大于监视器，则Jquery表垂直旋转

1 个答案: