Shell

推荐列表 站点导航

当前位置:首页 > 脚本编程 > Shell >

用Jquery实现滚动新闻

来源:网络  作者:网友投稿  发布时间:2021-01-08 03:13
此文主要用Jquery实现滚动新闻,Jquery的强大功能,几行代码即可实现,需要的朋友可以参考下...

600,如此少的代码就能实现这个功能真的是不由得感叹Jquery的强大功能, function () { scrollTimer = setInterval(function () { scrollNews(); }。

复制代码 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication244.Default" % !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 runat="server" title/title script src="http://www.dismall.com/thread-957-1-1.html/a_6542/Scripts/jquery-1.4.1.min.js" type="text/javascript"/script script language="javascript" type="text/javascript" $(function () { var scrollTimer = null; var delay = 2000; //1.鼠标对新闻触发mouseout事件后每2s调用scrollNews() //2.鼠标对新闻触发mouseover事件后停止调用scrollNews() //3.初次加载页面触发鼠标对新闻的mouseout事件 $('div.scrollNews').hover(function () { clearInterval(scrollTimer); }, function () { $news.css({ margin: 0 }).find('li:first').appendTo($news); }); } /script /head body form runat="server" div ul lia href="#" title="1甜美宽松毛衣今秋一定红."1甜美宽松毛衣今秋一定红./a/li lia href="#" title="2秋装百搭小马甲不到50元."2秋装百搭小马甲不到50元./a/li lia href="#" title="3修身韩版小西装万人疯抢."3修身韩版小西装万人疯抢./a/li lia href="#" title="4夏末雪纺店主含泪大甩卖."4夏末雪纺店主含泪大甩卖./a/li lia href="#" title="5瑞丽都疯狂推荐的秋装."5瑞丽都疯狂推荐的秋装./a/li lia href="#" title="6元长款针织小开衫卖疯啦."6元长款针织小开衫卖疯啦./a/li lia href="#" title="7长袖雪纺衫单穿内搭都超美."7长袖雪纺衫单穿内搭都超美./a/li /ul /div /form /body /html , delay); }).triggerHandler('mouseout'); }); //滚动新闻 function scrollNews() { var $news = $('div.scrollNewsul'); var $lineHeight = $news.find('li:first').height(); $news.animate({ 'marginTop': -$lineHeight + 'px' }。

此文主要用jquery实现滚动新闻,。

相关热词:

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/shell/11885.shtml

相关文章
Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

用Jquery实现滚动新闻

2021-01-08 编辑:网友投稿

600,如此少的代码就能实现这个功能真的是不由得感叹Jquery的强大功能, function () { scrollTimer = setInterval(function () { scrollNews(); }。

复制代码 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication244.Default" % !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 runat="server" title/title script src="http://www.dismall.com/thread-957-1-1.html/a_6542/Scripts/jquery-1.4.1.min.js" type="text/javascript"/script script language="javascript" type="text/javascript" $(function () { var scrollTimer = null; var delay = 2000; //1.鼠标对新闻触发mouseout事件后每2s调用scrollNews() //2.鼠标对新闻触发mouseover事件后停止调用scrollNews() //3.初次加载页面触发鼠标对新闻的mouseout事件 $('div.scrollNews').hover(function () { clearInterval(scrollTimer); }, function () { $news.css({ margin: 0 }).find('li:first').appendTo($news); }); } /script /head body form runat="server" div ul lia href="#" title="1甜美宽松毛衣今秋一定红."1甜美宽松毛衣今秋一定红./a/li lia href="#" title="2秋装百搭小马甲不到50元."2秋装百搭小马甲不到50元./a/li lia href="#" title="3修身韩版小西装万人疯抢."3修身韩版小西装万人疯抢./a/li lia href="#" title="4夏末雪纺店主含泪大甩卖."4夏末雪纺店主含泪大甩卖./a/li lia href="#" title="5瑞丽都疯狂推荐的秋装."5瑞丽都疯狂推荐的秋装./a/li lia href="#" title="6元长款针织小开衫卖疯啦."6元长款针织小开衫卖疯啦./a/li lia href="#" title="7长袖雪纺衫单穿内搭都超美."7长袖雪纺衫单穿内搭都超美./a/li /ul /div /form /body /html , delay); }).triggerHandler('mouseout'); }); //滚动新闻 function scrollNews() { var $news = $('div.scrollNewsul'); var $lineHeight = $news.find('li:first').height(); $news.animate({ 'marginTop': -$lineHeight + 'px' }。

此文主要用jquery实现滚动新闻,。

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/shell/11885.shtml

相关文章

风云图片

推荐阅读

返回Shell频道首页