后使用快捷导航没有帐号？
只需一步，快速开始
查看: 5057|回复: 12
求一个图片自动轮播图，可以左右点击
UID589723在线时间 小时积分225帖子离线17416 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
求一个图片自动轮播图，可以左右点击，用jQuery是不是更简便一点，思路不是很清晰，，求指教小女子谢过了
(533 Bytes, 下载次数: 17)
12:44 上传
UID617196在线时间 小时积分239帖子离线17416 天注册时间
中级会员, 积分 239, 距离下一级还需 261 积分
懒人图库上有的事 自己选吧
UID604224在线时间 小时积分1390帖子离线17416 天注册时间
银牌会员, 积分 1390, 距离下一级还需 1610 积分
这是以前写的，应该符合你的要求，思路什么的看看代码
UID610758在线时间 小时积分12帖子离线17416 天注册时间
新手上路, 积分 12, 距离下一级还需 38 积分
jquary有个插件& &
jcarousellite_1.0.1.js
页面中只需添加2句代码
UID584019在线时间 小时积分5245帖子离线17416 天注册时间
试试这个，用的话自己整理一下。
16:16 上传
点击文件名下载附件
40.41 KB, 下载次数: 198
UID239253在线时间 小时积分4146帖子离线17416 天注册时间
金牌会员, 积分 4146, 距离下一级还需 854 积分
本帖最后由 qp3db 于
16:39 编辑
(521.21 KB, 下载次数: 187)
16:35 上传
点击文件名下载附件
show.jpg (105.84 KB, 下载次数: 8)
16:39 上传
自己写的简单的JQuery焦点图。&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&head&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&Demo&/title&
&script type=&text/javascript& src=&jquery-1.6.min.js&&&/script&
&script src=&JQuery.mythShow.1.js&&&/script&
&/head&
&style&
/*自定义样式*/
* {margin:0padding:0list-style-type:font-size:11font-family:arial, &Microsoft Yahei&, &宋体&}
body {padding:50}
&/style&
&body&
&div id=&htmlShow&&
& & & & &img src=&show/1.jpg& spry:default=&title1& spry:content=&content1& spry:choose=&#& /&
& & &img src=&show/2.jpg& spry:default=&title2& spry:content=&content2& spry:choose=&#& /&
& & &img src=&show/3.jpg& spry:default=&title3& spry:content=&content3& spry:choose=&#& /&
& & &img src=&show/4.jpg& spry:default=&title4& spry:content=&content4& spry:choose=&#& /&
& & &img src=&show/5.jpg& spry:default=&title5& spry:content=&content5& spry:choose=&#& /&
&/div&
&script&
$(document).mythShow(&#htmlShow&,700,400); //ID 宽 高
//spry:default 标题
//spry:content 简要信息
//spry:choose 连接地址
&/script&
&/body&
&/html&复制代码
UID589723在线时间 小时积分225帖子离线17416 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
效果是不错，但是想不加载jquery库的，结构如&DIV&&SPAN CLASS=&PREV&&&/SPAN&&DIV&&A&&IMG SRC=&& /&&/A&&/DIV&&SPAN CLASS=&NEXT&&&/SPAN&&/DIV&,希望高手能发个精简一点的代码.....谢谢了
UID598870在线时间 小时积分709帖子离线17416 天注册时间
高级会员, 积分 709, 距离下一级还需 291 积分
图片无缝滚滚滚滚滚滚动~
UID524334在线时间 小时积分911帖子离线17416 天注册时间
高级会员, 积分 911, 距离下一级还需 89 积分
这里，有一堆，你自己看看，哪个适合你，有table的，也有div+css的
UID594501在线时间 小时积分283帖子离线17416 天注册时间
中级会员, 积分 283, 距离下一级还需 217 积分
jcarousellite_1.0.1.js
这个插件很强大 也很易用&&··容易上手
UID589723在线时间 小时积分225帖子离线17416 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
只是一个小页面我想再加个库文件，
UID589723在线时间 小时积分225帖子离线17416 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
&meta charset = &utf-8& /&
&style type=&text/css&&
background:
height:310
margin-left:-410
margin-top:-250
background:#F5E0E3;
#wrap ul li{
list-style:
margin:5px 10
#wrap ul li img{
height:300
.direction{
.direction img{
&script type=&text/javascript&&
window.onload = function(){
var ul = document.getElementById(&wrap&).getElementsByTagName(&ul&)[0];
var lis = ul.getElementsByTagName(&li&);
var btn1 = document.getElementById(&button1&);
var btn2 = document.getElementById(&button2&);
var imgs = ul.getElementsByTagName(&img&);
var speed = 3;
var time =
ul.innerHTML += ul.innerHTML;
ul.style.width = (lis[0].offsetWidth+20)*lis.length + &px&;
time = setInterval(function(){
ul.style.left = ul.offsetLeft - speed + &px&;
if(ul.offsetLeft &= -ul.offsetWidth/2){
ul.style.left =&0px&;
}else if(ul.offsetLeft &=0){
ul.style.left = -ul.offsetWidth/2 + &px&;
btn1.onmouseover = function(){
speed = 3;
btn2.onmouseover = function(){
speed = -3;
for(var i in imgs){
imgs[i].onmouseover = function(){
clearInterval(time);
for(var i = 0;i&imgs.i++){
imgs[i].className = &none&;
this.className = &active&;
imgs[i].onmouseout = function(){
time = setInterval(function(){
ul.style.left = ul.offsetLeft - speed + &px&;
if(ul.offsetLeft &= -ul.offsetWidth/2){
ul.style.left =&0px&;
}else if(ul.offsetLeft &=0){
ul.style.left = -ul.offsetWidth/2 + &px&;
for(var i = 0;i&imgs.i++){
imgs[i].className = &none&;
&div class=&direction&&&img src=&/attachment/album//211305wudwdwg9g305dz5j.png& alt=&& id=&button1&/&&img src=&/attachment/album//211305mqdsi756ly0dyjq9.png& alt=&& id=&button2&/&&/div&
&div id=&wrap&&
&li&&img src=&/attachment/album//c1yyuszyf1qyv.jpg& alt=&pic one& /&&/li&
&li&&img src=&/attachment/album//211303ald9atddvkpg8dhr.jpg& alt=&pic two& /&&/li&
&li&&img src=&/attachment/album//211300ppzilxc7pwwf7ov2.jpg& alt=&pic three& /&&/li&
&li&&img src=&/attachment/album//211301uod6g5nni5u6ig4a.jpg& alt=&pic four& /&&/li&
&提示：您可以先修改部分代码再运行
这个不错哦
UID589723在线时间 小时积分225帖子离线17416 天注册时间
中级会员, 积分 225, 距离下一级还需 275 积分
不过这个在ie6下有混动，效果不是很理想
Powered by本帖子已过去太久远了，不再提供回复功能。