zoukankan
html css js c++ java
Jquery应用案例之单条新闻的滚动效果(仿雅虎首页新闻滚动)
代码如下:
头部分代码:
<
html
><
head
>
<
title
>
单条新闻滚动效果
</
title
>
<
script
type
="text/javascript"
src
="scripts/jquery.js"
></
script
>
<
script
type
="text/javascript"
src
="scripts/interface.js"
></
script
>
jquery代码部分:
<
script type
=
"
text/javascript
"
>
var
n
=
0
;
var
m
=
0
function
lie()
{
$(
function
()
{
var
$firstNode
=
$('#lie
>
p');
$firstNode.eq(n).removeAttr(
"
display
"
);
$firstNode.eq(n).fadeOut('slow',
function
()
{
$firstNode.eq(n
+
1
).fadeIn(
"
slow
"
);
m
++
;
if
(m
>=
$(
"
p
"
).length)
{
n
=
0
;
m
=
0
}
else
{
n
++
;
}
}
);
}
);
}
setInterval('lie()',
3000
);
</
script
>
HTML代码部分:
<
body
>
<
div
id
="lie"
>
<
p
style
="display:none"
>
1、通知说,近期我国居民消费价格总水平出现明显上涨
</
p
>
<
p
style
="display:none"
>
2、各地区、各部门必须清醒地认识到形势的严峻性。
</
p
>
<
p
style
="display:none"
>
3、一是切实抓好秋粮生产。秋粮是粮食生产的大头.
</
p
>
<
p
style
="display:none"
>
4、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.
</
p
>
<
p
style
="display:none"
>
5、付尚未下拨的财政支农资金,各地要及时兑现给种粮农民.
</
p
>
<
p
style
="display:none"
>
6、收购价政策。继续稳妥地推动农业保险保费补贴试点工作.
</
p
>
<
p
style
="display:none"
>
7、二是认真落实扶持生猪生产的各项政策措施。目前中央财政已下拨.
</
p
>
</
div
>
</
body
>
查看全文
相关阅读:
【Blazor】在ASP.NET Core中使用Blazor组件
Github和Azure DevOps的代码同步
【.NET Core】在Win10中用VS Code debug
【UWP】利用EF Core操作SQLite
【ASP.NET Core】mdl conflicts with tinymce
【Windows10】如何使用Segoe MDL2 Assets图标
Docker安装及使用,Docker 安装MySQL、安装Tomcat、安装RabbitMQ
Anaconda安装常用配置及命令
MySQL获取周、月、天日期,生成排序号
Linux常用查询命令
原文地址:https://www.cnblogs.com/xlfj521/p/878321.html
最新文章
IDEA中Maven依赖报红处理
SSM聚合模块+Dubbo出现端口占用问题
IDEA某个模块莫名其妙报红
使用spring-test时报错
最新最详细步骤给博客增加侧边栏打赏功能
ES6中的 export,import
C# open cv即emgu cv 定位车牌思路及代码
BIOS设置密码之后忘记了怎么办?
ip地址和mac地址
解析xml的方式
热门文章
JS 动态表格
Rust 学习资料
Linux查看端口占用的一些命令
设置frp服务开机自启
Ubuntu下局域网快速分享文件
ubuntu 交叉编译 busybox-1.31.1
一些小技巧
树莓派无显示器配置
gedit 外部工具——快捷运行
Ubuntu使用
Copyright © 2011-2022 走看看