js拖拽轮播图插件带缩略图和图片倒影-插件特效-星河码客

一款美轮美奂的纯js超酷全屏带缩略图和图片倒影的轮播图插件。该轮播图插件带有缩略图导航，并且每张图片都带有十分逼真的倒影效果。该轮播图代码在ie8下即可运行。html代码十分简单：

My identity lies in not knowing who I am ...are made by not following instructions ...can come between us Here you come! They don't know all the facts yet Emotional intimacy ...remains to be done before we can announce our total failure to make any progress Errare Programma Est There's no such thing I抦 now trapped, without hope of escape or rescue The World is flat 1 l0v3 j00 - f0r3v3r 111 111 111 x 111 111 111 = 12345678987654321 ...has not been written yet

Please wait...

JAVASCRIPT实现图片倒影的js函数如下：function Reflexion (cont, img) { var flx = false; if (document.Element("canvas").getContext) { flx = document.Element("canvas"); flx.width = img.width; flx.height = img.height; var context = flx.getContext("2d"); context.translate(0, img.height); context.scale(1, -1); context.drawImage(img, 0, 0, img.width, img.height); context.globalCompositeOperation = "destination-out"; var gradient = context.LinearGradient(0, 0, 0, img.height * 2); gradient.addColorStop(1, "rgba(255, 255, 255, 0)"); gradient.addColorStop(0, "rgba(255, 255, 255, 1)"); context.fillStyle = gradient; context.fillRect(0, 0, img.width, img.height * 2); } else { /* ---- DXImageTransform ---- */ flx = document.Element('img'); flx.src = img.src; flx.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(' + 'opacity=50, style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy=' + (img.height * .25) + ')'; } /* ---- insert Reflexion ---- */ flx.style.position = 'absolute'; flx.style.left = '-1000px'; cont.appendChild(flx); return flx;}

js拖拽轮播图插件带缩略图和图片倒影

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»