单行文字滚动上下

最新推荐文章于 2022-12-26 12:26:12 发布

吃成大胖子

最新推荐文章于 2022-12-26 12:26:12 发布

阅读量255

点赞数

本文链接：https://blog.csdn.net/l1076089424/article/details/103773888

版权

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery 文字滚动大全单行滚动多行滚动带按钮控制滚动</title>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<style type="text/css">
* {
   margin: 0;
   padding: 0;
}
ul, li {
   list-style-type: none;
}
body {
   font: 12px/180% Arial, Helvetica, sans-serif;
}
a {
   color: #333;
   text-decoration: none;
}
a:hover {
   color: #3366cc;
   text-decoration: underline;
}
.demopage {
   width: 730px;
   margin: 0 auto;
}
.demopage h2 {
   font-size: 14px;
   margin: 20px 0;
}
/* scrollDiv */
.scrollDiv {
   height: 25px;/* 必要元素 */
   line-height: 25px;
   border: #ccc 1px solid;
   overflow: hidden;/* 必要元素 */
}
.scrollDiv li {
   height: 25px;
   padding-left: 10px;
}
#s2, #s3 {
   height: 100px;
}
</style>
</head>
<body>
<div class="demopage">
<h2>jquery 文字上下滚动--单行批量多行文字图片上下翻滚 | 单行滚动 <a href="#blog/" style="color:#f70">@by
<span class="__cf_email__" data-cfemail="a2d5c3ccc5c0c3cdc5d7cd9a9ae29390948cc1cdcf">[email protected]</span></a></h2>
<div class="scrollDiv" id="s1">
<ul>
<li><a href="#">jquery 滚动条 Scrollbar 设置浏览器默认滚动条样式</a></li>
<li><a href="#">jquery 图片切换 switchable 带左右按钮控制分页索引图片切换</a></li>
<li><a href="#">jquery powerFloat万能浮动框提示插件支字、ajax异步加载、表单验证等</a></li>
<li><a href="#">jquery 弹出层插件 ThickBox 多功能弹出层插件支持图片、ajax、内嵌内容弹等</a></li>
<li><a href="#">jquery 表单美化 jquery tzCheckbox 复选框美化自定义默认复选框</a></li>
<li><a href="#">jquery HTML5 幻灯片插件用 Canvas 制作类似百叶窗拍摄快门摄影拍摄效果</a></li>
<li><a href="#">jquery 图片放大镜图片类似放大镜效果鼠标滑过小图异步加载中图、大图</a></li>
<li><a href="#">jquery 图片幻灯片点击小图显示大图异步加载支持按钮播放</a></li>
</ul>
</div>

</div>

</body>
</html>

吃成大胖子

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
单行文字滚动上下

<!doctype html><html><head><meta charset="utf-8"><title>jquery 文字滚动大全单行滚动多行滚动带按钮控制滚动</title><script src="http://www.jq22.com/jquery/jquery-1.10.2.js"&gt...
复制链接

扫一扫