建设网站注意事项,快递系统专注快递企业网站开发,wordpress文章编辑经典,西安企业网站备案一般得多少天一个动态展示图片的页面#xff1a;功能#xff1a;定时从后台取数据#xff0c;进行页面图片追加。对已经在页面中的图片#xff0c;进行放大缩小动画展示。目前我们用于微信新关注用户头像展示。抽奖body{background-color:#000;text-transform:uppercase;color:#fff;pos…一个动态展示图片的页面功能定时从后台取数据进行页面图片追加。对已经在页面中的图片进行放大缩小动画展示。目前我们用于微信新关注用户头像展示。抽奖body{background-color:#000;text-transform:uppercase;color:#fff;position: relative;}.img{float:left;margin:2px;cursor:pointer;opacity:0.4;filter:progid:DXImageTransform.Microsoft.Alpha(opacity40);width : 60px;height : 60px;}.bigpic { position: absolute; overflow: hidden; z-index: 99; }.bigpic img { width: 100%;opacity:1; } var t1 ;// window.setTimeout(loadUser,1000);//var t1 window.setInterval(time,6000);var idx 0;var maxNum 0;var maxId 0;var minId 0;var isBegin 1;var url http://网址;function loadUser(){$(#begin).css(display,none);$.post(../../servlet/draw,{type : messageList,limit : 2,maxId : maxId,isBegin : isBegin,time : new Date()},function(data,status){var jsonobjeval((data));if(jsonobj.code200){isBegin 0;var jsonarr jsonobj.list;for(var i0;ivar himg jsonarr[i].headImg;if(himg){himg /activity/draw/images/1.jpg;} $(#content).prepend(); if(minId0){minId jsonarr[i].id;}maxId jsonarr[i].id;maxNum maxNum 1;if(idx!0)idxidx1;}//console.log(maxNum:maxNum);t1 window.setTimeout(time,1000);}});}function time(){idxidx1;var i 1;$(.img).each(function(){var imgurl $(this).attr(src);//console.log(idx $(this).position().left);if(i idx){$(this).css(opacity,1);//if(i3){ // $(#content).prepend(); // idxidx1;//}$(.bigimg).attr({ src: imgurl });var bwidth $(.bigimg).width();var bheight $(.bigimg).height();var picleft $(this).position().left;var pictop $(this).position().top;var pic $(this);//console.log(idx bwidth bheight $(this).position().left $(this).position().top);var o { left: 50%, width: 600px, height: 600px, top: 50px, margin-left: -300px };$(.bigpic).width(60);$(.bigpic).height(60);$(.bigpic).css({ left: $(this).position().left, top: $(this).position().top});$(.bigpic).show();$(.bigpic).animate(o, 2000, function () {setTimeout(function () {$(.bigpic).animate({ width: 60px, left: pic.position().left, top: pic.position().top, margin-left: 0, margin-top: 0 }, 2000, function () {//$(.bigpic).fadeOut(2000, function () {$(.bigpic).hide();//t1 setTimeout(time, 1000);loadUser();});}, 2000)});}else{$(this).css(opacity,0.4);}i;});if(maxNum idx)idx 0;}loadUser();界面截图以上就是本文的全部内容希望对大家的学习有所帮助也希望大家多多支持脚本之家。
