jQuery slider Content(左右控制移动)

295 阅读 0 评论 195 点赞

我是靠谱客的博主狂野哈密瓜，最近开发中收集的这篇文章主要介绍jQuery slider Content(左右控制移动)，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

<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> 
<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> 
</body>

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

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

最后

以上就是狂野哈密瓜为你收集整理的jQuery slider Content(左右控制移动)的全部内容，希望文章能够帮你解决jQuery slider Content(左右控制移动)所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。

点赞(195)

本文分类：JavaScript
浏览次数：295 次浏览
发布日期：2022-04-08 01:57:01
本文链接：https://www.kaopuke.com/article/k-p-k_13_u_7_o_22_f1_13__23__2__27_.html

相关文章

MySQL存储毫秒数据的方法

U盘中毒后里面的资料文件不见了怎么办?如何恢复隐藏文件?

U盘中毒后里面的资料文件不见了怎么办?如何恢复隐藏文件?

Photoshop 制作一支漂亮的蓝紫色花朵

Photoshop 制作一支漂亮的蓝紫色花朵

Backbone View 之间通信的三种方式

Backbone View 之间通信的三种方式

jQuery slider Content(左右控制移动)

jQuery slider Content(左右控制移动)

python+VTK环境搭建及第一个简单程序代码

python+VTK环境搭建及第一个简单程序代码

phtoshop利用图层制作一个奥运五环

phtoshop利用图层制作一个奥运五环

小米平板轻松安装驱动开启USB调试模式以win7系统为例

小米平板轻松安装驱动开启USB调试模式以win7系统为例

评论列表共有 0 条评论

发表评论取消回复

立即
投稿返回
顶部