為您找到相關(guān)結(jié)果89個(gè)
javascript ImgBox透明遮罩層背景圖片展示_javascript技巧_腳本之家
len=links.length;i<len;i++){ if(links[i].rel=="Imgbox"){ links[i].onclick=function(){ topDiv(this); return false; } } } } </script> <style> .alphaDiv{ z-index:100; width:100%; height:100%; opacity:0.5; backgroun
www.dbjr.com.cn/article/192...htm 2025-6-10
CSS盒子隱藏/顯示后再最上層的實(shí)現(xiàn)代碼_CSS教程_CSS_網(wǎng)頁(yè)制作_腳本之家
.imgbox{ width: 1200px; height: 612px; margin-right: auto; margin-left: auto; margin-top: 60px; } .m1{ border: solid; border-width: 1px; height: 300px; width: 227px; } #m1img{ text-align:center; padding-top: 55px; } #img2{ margin-bottom: 35px; } p>span { text-...
www.dbjr.com.cn/css/7254...html 2020-5-15
非常不錯(cuò)的 子鼠 滑動(dòng)圖片效果 Javascript+CSS_圖象特效_腳本之家
#imgBox a{ padding:6px; display:block; background:#fff; margin:10px; border:1px solid #A5D845; text-align:center; text-decoration:none} #imgBox span{ display:block; background:#FFFF99; border-top:1px solid #FFFFFF} #imgBox a:hover{ border:1px solid #84B726; border-left:1px solid ...
www.dbjr.com.cn/article/176...htm 2025-6-8
jQuery制作簡(jiǎn)潔的圖片輪播效果_jquery_腳本之家
$(document).ready(function(){ var$iBox = $('.imgBox'), $iNum = $('.imgNum'),//緩存優(yōu)化 indexImg = 1,//初始下標(biāo) totalImg = 4,//圖片總數(shù)量 imgSize = 300,//圖片尺寸 寬度 moveTime = 1100,//切換動(dòng)畫(huà)時(shí)間 setTime = 2500,//中間暫停時(shí)間 clc =null; functionmoveImg(){ if(indexImg...
www.dbjr.com.cn/article/634...htm 2025-5-12
jquery實(shí)現(xiàn)圖片等比例縮放以及max-width在ie中不兼容解決_jquery_腳本之...
上次用原生的JavaScript實(shí)現(xiàn)的圖片等比例縮放,max-width和max-height在ie6中不兼容問(wèn)題,今天用jQuery實(shí)現(xiàn)了這些問(wèn)題 jQuery部分代碼 復(fù)制代碼代碼如下: $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){ if...
www.dbjr.com.cn/article/349...htm 2025-5-29
JS自動(dòng)適應(yīng)的圖片彈窗實(shí)例_javascript技巧_腳本之家
var imgBox=function(imgSrc){ var winImg=new popBox({//圖片彈窗 ID:'imgBox', bgColor:'#a3c90e', width:906, moveHandle:false, closeButton:false, height:'auto', times:250, lock:true, content:'', shadow:true, position:'center', ...
www.dbjr.com.cn/article/392...htm 2025-6-9
Angular中封裝fancyBox(圖片預(yù)覽)遇到問(wèn)題小結(jié)_AngularJS_腳本之家
functionimgBox() { return{ restrict:'AE', transclude:true, scope:{ imgUrl:"=", imgStyle:'=' }, template:'', link:function(scope,elem,attrs) { $(".imageBox").fancybox(); }, } } 官方寫(xiě)法: 1 2 3 4 5 6 7 8 9
www.dbjr.com.cn/article/1226...htm 2025-5-26
jQuery實(shí)現(xiàn)的產(chǎn)品自動(dòng)360度旋轉(zhuǎn)展示特效源碼分享_jquery_腳本之家
適用瀏覽器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 以上就是為大家分享的jQuery實(shí)現(xiàn)的產(chǎn)品自動(dòng)360度旋轉(zhuǎn)展示特效代碼,希望大家可以喜歡。您可能感興趣的文章: jQuery實(shí)現(xiàn)鼠標(biāo)懸停3d菜單展開(kāi)動(dòng)畫(huà)效果 jquery+CSS3實(shí)現(xiàn)3D拖拽相冊(cè)效果 酷炫jQuery全屏3D焦點(diǎn)圖動(dòng)畫(huà)效果 jQuery+CSS3...
www.dbjr.com.cn/article/713...htm 2025-5-23
js實(shí)現(xiàn)瀑布流布局(無(wú)限加載)_javascript技巧_腳本之家
imgbox.className = "imgbox"; var box = document.createElement("div") box.className = "box"; imgbox.appendChild(img); box.appendChild(imgbox); this.cont.appendChild(box); } // 初始化所有 this.box = document.querySelectorAll(".box"); this.heightArr = []; // 重新渲染瀑布流結(jié)構(gòu) this....
www.dbjr.com.cn/article/2075...htm 2025-6-6