怎样在轮播左边图片右边文字轮播加文字

&&&&图片轮播带文字说明,效果不错,带说明,带左右控制按钮
&图片轮播带文字说明,效果不错,带说明,带左右控制按钮
图片轮播带文字说明,效果不错,带说明,带左右控制按钮
若举报审核通过,可奖励20下载分
被举报人:
zurich1979
举报的资源分:
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动***等内容
含广告内容
版权问题,侵犯个人或公司的版权
*详细原因:
VIP下载&&免积分60元/年(1200次)
您可能还需要
Q.为什么我点的下载下不了,但积分却被扣了
A. 由于下载人数众多,下载服务器做了并发的限制。若发现下载不了,请稍后再试,多次下载是不会重复扣分的。
Q.我的积分不多了,如何获取积分?
A. 获得积分,详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机,将获得5个C币,C币可。
关注并绑定CSDNID,送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意,不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台,并不能对任何下载资源负责
下载资源中如有侵权或不适当内容,
本站不保证本站提供的资源的准确性,安全性和完整性,同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
开发技术下载排行
您当前C币:0&&&可兑换 0 下载积分
兑换下载分:&
消耗C币:0&
立即兑换&&
兑换成功你当前的下载分为 。前去下载资源
你下载资源过于频繁,请输入验证码
如何快速获得积分?
你已经下载过该资源,再次下载不需要扣除积分
图片轮播带文字说明,效果不错,带说明,带左右控制按钮
所需积分:0
剩余积分:0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员,免积分下载
会员到期时间:日
剩余下载次数:1000
图片轮播带文字说明,效果不错,带说明,带左右控制按钮
剩余次数:&&&&有效期截止到:
你还不是VIP会员VIP会员享免积分 . 专属通道极速下载
VIP下载次数已满VIP会员享免积分 . 专属通道极速下载,请继续开通VIP会员
你的VIP会员已过期VIP会员享免积分 . 专属通道极速下载,请继续开通VIP会员js/html/css做一个简单的图片自动(auto)轮播效果//带注释 - 开源中国社区
当前访客身份:游客 [
当前位置:
发布于 日 20时,
FF(firefox)/chrom/ie稳定暂无bug...注意:请自己建立一个images文件,放入几张900*238的图片(注意图片格式和名字与程序中一致)。
代码片段(5)
1.&[图片] 1.JPG&&&&
2.&[图片] 2.JPG&&&&
style.css&~&443B&&&&
width: 900
height: 240
.imageShow{
width: 900
height: 238
border: 1px dashed O
background: url(images/0.png);
margin: -30px 0 0 700
width: 100
height: 25
height: 15
margin-left: -8
background:
autoChangeImages.js&~&890B&&&&
var i = 1;
function autoChangeImage(i){
//自动改变图片
setTimeout("changeImage(i++); ", 1500);
setTimeout("back(i); ", 1000);
setTimeout("autoChangeImage(i = (i%5)); ", 1500);
function changeImage(idNum){
document.getElementById("radio" + idNum).checked = "checked";
switch(idNum){
document.getElementById("imgIndex").style.backgroundImage = "url(images/0.png)";//改变首页图片
document.getElementById("imgIndex").style.backgroundImage = "url(images/1.png)";
document.getElementById("imgIndex").style.backgroundImage = "url(images/2.png)";
document.getElementById("imgIndex").style.backgroundImage = "url(images/3.png)";
document.getElementById("imgIndex").style.backgroundImage = "url(images/4.png)";
autoChangeImages.html&~&1KB&&&&
&!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"&
&title&autoChangeImages&/title&
&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&
&script type = "text/javascript" language = "javascript" src = "autoChangeImages.js"&&/script&
&link rel = "stylesheet" type = "text/css" href = "style.css" /&
&body onLoad = "autoChangeImage();"&
&div id = "contain"& &!--图片展示内容框--&
&div id = "imgIndex" class = "imageShow"&
&!--默认显示图片框--&
&div id = "posi"&&!--按钮位置--&
&input id = "radio0" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(0)" /&
&input id = "radio1" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(1)" /&
&input id = "radio2" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(2)" /&
&input id = "radio3" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(3)" /&
&input id = "radio4" class = "radio" name = "lit" type = "radio" value = "0" onClick="changeImage(4)" /&
开源中国-程序员在线工具:
相关的代码(1356)
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
[JavaScript]
开源从代码分享开始
前端说的其它代码您可能喜欢的/Xihuanjquery slides带右侧缩略图和标题文字的图片相册幻灯片轮播展示
jquery图片轮播展示,使用简单,支持无限图片,下面带文字标题,右侧有缩略图,可以上下滚动
下载资源:795次
下载积分:40分
本站评论功能暂时取消,后续此功能例行通知。
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!
二、互相尊重,对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦!
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口jquery带文字缩略图的图片轮播切换代码
图片轮播展示带文字带缩略图
下载资源:1410次
下载积分:40分
本站评论功能暂时取消,后续此功能例行通知。
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!
二、互相尊重,对自己的言论和行为负责。
下载该资源用户也下载了
未注册过用户可以点击直接登录哦!
使用注册邮箱登录
选择画板...
你已经成功采集到
&|关闭窗口

参考资料

 

随机推荐