JS图片切换代码
js 仿淘宝首页最新图片幻灯切换效果
body{font:12px/1.5 Tahoma,Helvetica,Arial,sans-serif;}
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
img{border:none;}
a,a:link,a:visited{color:#333333;text-decoration:none;cursor:pointer;}
a:hover{color:#008b00;text-decoration:underline;}
.hd h3{font-size:14px;color:#444444;padding-left:10px;color:#fff;line-height:30px;}
.loading{background:#f9fdff
url('https://www.360docs.net/doc/9610142898.html,/effect/images/201004241815/T16WJqXaXeXXXXXXXX-32-32.gif') no-repeat 50% 50%;}
.j_Slide{margin:30px 50px;border:5px #c2dae5 solid;width:470px;height:150px;overflow:hidden;position:relative;-webkit-border-radius:4px;}
.j_Slide .tb-slide-list{position:absolute;width:99999px;}
.j_Slide .tb-slide-list li{height:150px;}
.j_Slide .tb-slide-list li img{width:470px;height:150px;}
.lbtn{position:absolute;z-index:3;bottom:3px;right:5px;}
.lbtn li{float:left;line-height:21px;width:24px;padding:0 2px;}
.lbtn li a,.lbtn li a:link,.lbtn li a:active,.lbtn li a:visited{display:block;text-align:center;background:url('https://www.360docs.net/doc/9610142898.html,/effect/images/2010 04241815/lbtnA_bg.gif') no-repeat left 50%;line-height:21px;font-family:"Arial Unicode MS";} .lbtn li.hover a,.lbtn li.hover a:link,.lbtn li.hover a:active,.lbtn li.hover a:visited {color:#fff;font-weight:bold;font-family:V erdana;text-decoration:none;background:url('http:// https://www.360docs.net/doc/9610142898.html,/effect/images/201004241815/lbtnA_bg_hover.gif') no-repeat left top;}
.j_Slide1{width:432px;height:152px;overflow:hidden;margin:30px 50px;}
.j_Slide1 .tb-slide-list{position:absolute;width:99999px;}
.j_Slide1 .bd{overflow:hidden;}
.j_Slide1 .tb-slide-list li img{width:200px;height:100px;padding:8px;overflow:hidden;}
.j_Slide1 .hd{height:30px;position:relative;background:#666;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;}
.j_Slide1 .bd{position:relative;border:1px #000 solid;height:116px;}
.j_Slide1 .hd .handel{position:absolute;right:5px;top:6px;}
.j_Slide1 .hd .handel li{float:left;}
.j_Slide1 .hd .handel li a,.j_Slide1 .hd .handel li a:link,.j_Slide1 .hd .handel li a:active,.j_Slide1 .hd .handel li a:visited{text-decoration:none;padding:2px 4px;}
.j_Slide1 .hd .handel li.hover a,.j_Slide1 .hd .handel li.hover a:link,.j_Slide1 .hd .handel li.hover a:active,.j_Slide1 .hd .handel li.hover a:visited{color:#fff;}
.direct-left{width:99999px;}
.direct-left li{float:left;}
.direct-right{}
.direct-right li{float:right;}
$(function() {
var $o = $(".j_Slide");
var ks = $o.find("ol").Oslide({
slidetag:$o.find("ol>li"),
easing:"easeInOutCirc",
speed:450
});
var $p = $(".j_Slide1");
var ks = $p.find("ol").Oslide({
slidetag:$p.find("ol>li"),
btntag:$p.find(".handel"),
direct:'right',
easing:"easeInOutCirc"
});
});
js实现图片上传前的预览
js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题 1、脚本,把下面代码加到
与之间 Js代码 1.JS图片切换代码
js 仿淘宝首页最新图片幻灯切换效果
您好,北京汽配网首页 |
北京汽车配件网卖家中心
上传图片
上传的文件字节数不可以超过" + MAX_SIZE + " "); return; }
- asp实现上传功能的源码演示(简单易懂)
- js实现上传图片预览,缩放,剪裁
- 好程序员web前端分享用CSS和JS打造一个简单的图片编辑器
- js上传文件预览的简单实例.
- JQuery+ajax实现批量上传图片
- js实现网页图片延时加载的原理和代码
- js+jsp+servlet实现一键上传文件夹中的所有文件
- js检查上传文件大小及格式,兼容多种浏览器
- ASP net图片上传预览及无刷新上传
- 使用jquery.form.js实现图片上传的方法
- js图片上传完整代码
- 类似QQ邮箱的js附件上传源代码
- JS代码大全收藏
- 图片自动切换js代码(必备)
- java图片上传并预览,前台用jQuery插件AjaxFileUpload,后台用FileUtils.copyFile.
- 用JS代码使网页上的图片旋转起来
- JQuery上传插件Uploadify使用详解 - 冯威的学习专栏---记录工作学习点滴 - 博客园
- 用JS实现图片轮播效果代码(一)
- JS实例网页上图片延迟加载的JS代码
- js+代码大全