用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
相关文章
热门TAG
win10 ecshop 主机 阿里云 解决 配置 C# C++ 解析 SQL语句 命令 Go语言 方法 CSS3 HTML5 CSS win7 MSSQL 服务器配置 IIS7.5 IIS7 IIS6 IIS CentOS 7 Linux oracle数据库 oracle phpcms discuz discuz教程最新文章
-
Python2爬虫入门:正则表达
时间:2021-01-11
-
python程序的两种运行方式
时间:2021-01-11
-
Python3爬虫进阶:MySQL存储
时间:2021-01-11
-
python导入模块的关键字是
时间:2021-01-11
-
python去重函数是什么
时间:2021-01-09
-
如何用python爬虫开源项目
时间:2021-01-09
-
Photoshop设计个性笔刷制作
时间:2021-01-09
-
深入理解PHP与WEB服务器交
时间:2021-01-09
热门文章
-
解析shell字段分隔符的用法(图文)
时间:2020-12-22
-
Python3爬虫进阶:MongoDB存储(非关系型数
时间:2020-12-29
-
php如何接收json数据
时间:2021-01-08
-
php ucwords函数怎么用
时间:2021-01-08
-
如何在Linux或者UNIX下调试Bash Shell脚本
时间:2020-12-22
-
python中pow什么意思
时间:2021-01-08
-
如何在python数据挖掘使用pandas包?
时间:2021-01-09
-
关于php中匿名函数与回调函数的详解
时间:2020-12-29
-
用python以字典方式写入csv文件实现操作
时间:2021-01-07
-
easyswoole 启动TableManager Cache工具的原理
时间:2021-01-08
