為您找到相關(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-5-15
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)畫時(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中不兼容問題,今天用jQuery實(shí)現(xiàn)了這些問題 jQuery部分代碼 復(fù)制代碼代碼如下: $(document).ready(function(){ var maxWidth=$(".imgBox").width(); $("img").each(function(){ if...
www.dbjr.com.cn/article/349...htm 2025-5-29
CSS解決頁(yè)面圖片水平垂直居中問題的方法_CSS教程_CSS_網(wǎng)頁(yè)制作_腳本之...
給圖片指定明確的margin-left和margin-top值,而其中margin-left值等于圖片所在容器的寬度(imbBoxWidth)減去圖片本身寬度(imgWidth)的值的一半【margin-left=(imgBoxWidth-imgWidth)/2】;margin-top值和margin-left很類似,只是把相對(duì)應(yīng)的寬度值換成高度值,即【margin-top=(imgBoxHeight-imgHeight)/2】。
www.dbjr.com.cn/css/4386...html 2025-6-6
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-6
基于jquery實(shí)現(xiàn)一張圖片點(diǎn)擊鼠標(biāo)放大再點(diǎn)縮小_jquery_腳本之家
一張圖片點(diǎn)擊鼠標(biāo)放大,再點(diǎn)縮小基于jquery1.8.3實(shí)現(xiàn),下面有個(gè)不錯(cuò)的示例,感興趣的朋友可以參考下
www.dbjr.com.cn/article/417...htm 2025-5-31
在瀏覽器窗口上添加遮罩層的方法_基礎(chǔ)知識(shí)_腳本之家
這里有個(gè)小技巧,如果div的position是fixed或者absolute,那么當(dāng)div的高度設(shè)置為百分比(例如100%)時(shí),div的高度將參照瀏覽器可視區(qū)域(viewport)的高度來(lái)計(jì)算。此外,設(shè)置position為fixed,可以使得瀏覽器即使在scroll或resize時(shí)也保證遮罩層一直擋在頁(yè)面的可視區(qū)域。
www.dbjr.com.cn/article/318...htm 2025-6-2