软件开发培训班 >> 编程开发 >> JavaScript

jQuery slider Content(左右控制移动)

　　本文标签：slider,Content

}; 
//alert(position); 
$("#content").animate( 
{ marginLeft: position + "px" }, 
800 
); 
} 
$(document).ready(function() { 
$("#slider").css("width", ($("body").attr("clientWidth") - 80) + "px"); 
$("#leftA").click(function() { 
animate("left", 400); 
}); 
$("#rightA").click(function() { 
animate("right", 400); 
});

}); 
</script> 
<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>

技术文章快速查找

jQuery编写widget的一些技巧分享

jQuery阻止事件冒泡具体实现

jQuery 判断页面元素是否存在的代码

JQUBAR1.1 jQuery 柱状图插件发布

提取jquery的ready()方法单独使用示例

基于JavaScript 下namespace 功能的简单分析

远离JS灾难css灾难之 js私有函数和css选择器作为容器

js实现的类似QQ的等级的代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建