jQuery slider Content(左右控制移动)_编程学院

新闻中心 News 分类>>

联系我们 Contact us

服务热线：020 88798357

地址：广州市增城区中新镇慈岭村埔咀路20号
邮箱：sales@gzdairan.cn

您所在的位置是：首页 > 新闻中心 > 网络学院 > 编程学院

jQuery slider Content(左右控制移动)

2026-01-16 11:05:29

浏览次数：次

返回列表

不错的效果。好多文字广告可以这样控制。
<style type="text/css"> ul,li{ display:block; } li{ width:150px; float:left; } #content { width: 2030px; margin-left: 0px; } #slider { margin-left: 40px; overflow: hidden; } #leftA { display: block; float: left; left: 10px; top: 5px; position: absolute; background-image: url(); } #rightA { display: block; float: right; right: 10px; top: 5px; position: absolute; background-image: url(); } </style> <body> left <ul id="Ul1" class="tab_nav" style="margin-left: 0px; margin-right: 0px;"> <li id="gaom1" class="menuon" > 基本信息</li> <li id="gaom2" class="menuoff" > 基本信息</li> <li id="gaom3" class="menuoff" > 基本信息</li> <li id="gaom4" class="menuoff" > 基本信息</li> <li id="gaom5" class="menuoff" > 基本信息</li> <li id="gaom6" class="menuoff" > 基本信息</li> <li id="gaom7" class="menuoff" > 基本信息</li> <li id="gaom8" class="menuoff" > 基本信息</li> <li id="gaom9" class="menuoff" > 基本信息</li> <li id="gaom10" class="menuoff" > 基本信息</li> <li id="gaom11" class="menuoff" > 基本信息</li> </ul> right </body>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]
运行以后，需要刷新下，因为是外部js.

上一篇：JQuery的ajax基础上的超强GridView展示

下一篇：控制input的CSS但不影响CheckBox以及Radio的样式

网站首页

关于我们

产品展示

新闻中心

户外常识

在线留言

联系我们

新闻中心 News 分类>>

jQuery slider Content(左右控制移动)