免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';

d.style.width = reflectionWidth+'px';

d.style.height = divHeight+'px';

p.parentNode.replaceChild(d, p);

d.appendChild(p);

d.appendChild(reflection);

} else {

var canvas = document.createElement('canvas');

var context = canvas.getContext("2d");

canvas.style.height = reflectionHeight+'px';

canvas.style.width = reflectionWidth+'px';

canvas.height = reflectionHeight;

canvas.width = reflectionWidth;

d.style.width = reflectionWidth+'px';

d.style.height = divHeight+'px';

p.parentNode.replaceChild(d, p);

d.appendChild(p);

d.appendChild(canvas);

context.save();

context.translate(0,image.height-1);

context.scale(1,-1);

context.drawImage(image, 0, 0, reflectionWidth, image.height);

context.restore();

context.globalCompositeOperation = "destination-out";

var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);

gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");

gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");

context.fillStyle = gradient;

if (navigator.appVersion.indexOf('WebKit') != -1) {

context.fill();

} else {

context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);

}

} catch (e) {

}

remove : function(image) {

if (image.className == "reflected") {

image.className = image.parentNode.className;

image.parentNode.parentNode.replaceChild(image, image.parentNode);

}

function addReflections() {

var rimages = document.getElementsByClassName('reflect');

for (i=0;i<rimages.length;i++) {

var rheight = null;

var ropacity = null;

var classes = rimages[i].className.split(' ');

for (j=0;j<classes.length;j++) {

if (classes[j].indexOf("rheight") == 0) {

var rheight = classes[j].substring(7)/100;

} else if (classes[j].indexOf("ropacity") == 0) {

var ropacity = classes[j].substring(8)/100;

}

Reflection.add(rimages[i], { height: rheight, opacity : ropacity});

}

var previousOnload = window.onload;

window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }

//-->

</SCRIPT>

使用說(shuō)明：把此特效<head></head>區(qū)的代碼加入網(wǎng)頁(yè)的<head></head>區(qū)，然后只需在你網(wǎng)頁(yè)上所插入圖片的<img>代碼中加入class="reflect"就可以為該圖片添加圖片的倒影，如：插入圖片的代碼為<img src="butong_net.jpg">，那就修改為<img class="reflect" src="butong_net.jpg">

把如下代碼復(fù)制到<body>與</body>之間

[3];小方框中瀏覽大圖

如果圖片放在網(wǎng)頁(yè)上覺(jué)得很大，又不想壓縮圖片的尺寸，使用此特效是個(gè)不錯(cuò)的方法，可以將圖片放在自定大小的框中，實(shí)時(shí)隨鼠標(biāo)移動(dòng)而移動(dòng)。

<!--

#pic {

width:480px;

height:320px;

border: 3px solid #ccc;

background-image: url(images/butong_net.jpg);

background-repeat: no-repeat;

background-position: 0px 0px;

cursor: move;

}

-->

</style>

<!--

var p = new Array();

var speed = 0.05; //速度

var picWidth = 1280; // 大圖的寬高

var picHeight = 971;

var x,y // 鼠標(biāo)點(diǎn)下去時(shí)背景的坐標(biāo)

var x_new,y_new //位移

var haveclick = false;

function getmouseposition(event)

{

if(document.all)

{

x = document.body.scrollLeft+event.clientX;

y = document.body.scrollTop+event.clientY;

}else

{

x = event.layerX;

y = event.layerY;

}

haveclick = true;

}

function movestop()

{

haveclick = false;

}

function movestart(event)

{

if(haveclick)

{

if(document.getElementById('pic').style.backgroundPosition.length==0)

{document.getElementById('pic').style.backgroundPosition="0px 0px";}

p = document.getElementById('pic').style.backgroundPosition.split(" ")

if(document.all)

{

x_new = document.body.scrollLeft+event.clientX;

y_new = document.body.scrollTop+event.clientY;

}else

{

x_new = event.layerX;

y_new = event.layerY;

}

x2 = (speed*(x_new-x)+parseInt(p[0])).toString(10); // 計(jì)算位移量

y2 = (speed*(y_new-y)+parseInt(p[1])).toString(10);

if (x2<-picWidth+420) x2=-picWidth+420;

if (y2>0) y2=0;

if (x2>0) x2=0;

if (y2<-picHeight+300) y2=-picHeight+300;

document.getElementById('pic').style.backgroundPosition=x2+"px "+y2+"px";

}

-->

</script>

把如下代碼復(fù)制到<body>與</body>之間

謝謝欣賞！更多精彩期待光臨！請(qǐng)點(diǎn)擊進(jìn)入

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶(hù)發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類(lèi)似文章