欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！

您现在的位置是：首页 > web前端

jQuery slider Content(左右控制移动)_jquery

程序员文章站 2022-05-22 22:57:57

...

不错的效果。好多文字广告可以这样控制。

<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>
<div class="title_bar"> 
 
left 
 
<div id="slider"> 
<div id="content"> 
<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>
</div> 
</div> 
 
right 
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

运行以后，需要刷新下，因为是外部js.

相关标签： slider Content

上一篇： php 无限分门别类树形数据格式化

下一篇：【Android 基础】Animation 动画介绍和实现_html/css_WEB-ITnose

推荐阅读