xml地图|网站地图|网站标签 [设为首页] [加入收藏]

求高手帮忙看下,Web前端之家

2019-11-22 23:48栏目:新闻中心
TAG:

文件里面的功能注释也写得非常详细(详见zoeDylan.ImgChange-1.0.1.js文件),对网友们的学习是很有帮助的,虽然样式不太好看,大家可以自己写,好好利用哦。。。

完美兼容各大浏览器的jQuery插件实现图片切换特效,jquery插件

文件里面的功能注释也写得非常详细(详见zoeDylan.ImgChange-1.0.1.js文件),对网友们的学习是很有帮助的,虽然样式不太好看,大家可以自己写,好好利用哦。。。

JS代码部分:

复制代码 代码如下:

(function ($) {
    var//申明全局变量
        _eleTemp,//缓存变量
        _eleThis = $(this),//当前元素
        _eleImg = $('.zd-imgChange-img'),//图片组元素
        _eleControll = $('.zd-imgChange-controll'),//控制器组元素
        _eleChange = $('.zd-imgChange-change'),//切换元素
            _icon = '●○',//动态图标
            _imgTemplate = $(document.createElement('img')),//图片模版'
            _setting = {
                height: 100,//高
                width: 200,//宽
                imgs: new Array(),//图片地址
                links: null,//点击地址
                tips: null,//图片说明
                timers: 3000//自动切换时间
            },//配置
            _timers = null//自动切换保存变量
    $.fn.zoeDylan_ImageChange = function (op) {
        _eleThis = $(this);
        _setting = $.extend(_setting, op);//设置属性
        //处理数据(查看是否为合法范围)
        _setting.timers = _setting.timers != null && _setting.timers != undefined && _setting.timers > 1000 ? _setting.timers : 1000;
        _setting.height = parseFloat(_setting.height) < 100 ? 100 : parseFloat(_setting.height);
        _setting.width = parseFloat(_setting.width) < 200 ? 200 : parseFloat(_setting.width);
        return this.each(function () {//初始化
            AddTemplate();
            AddImg();
            DisSize();
            DisControll();
        })
    }
    //添加模版
    function AddTemplate() {
        _eleThis.removeClass();
        _eleThis.addClass('zd-imgChange');
        _eleTemp = '<button class="zd-imgChange-change zd-imgChange-change-left"><</button>';
        _eleThis.append(_eleTemp);
        _eleTemp = '     <div class="zd-imgChange-img">   </div>';
        _eleThis.append(_eleTemp);
        _eleTemp = '       <div class="zd-imgChange-controll"></div>';
        _eleThis.append(_eleTemp);
        _eleTemp = ' <button class="zd-imgChange-change zd-imgChange-change-right">></button>';
        _eleThis.append(_eleTemp);
        //给全局变量赋值
        _eleImg = $('.zd-imgChange-img');
        _eleControll = $('.zd-imgChange-controll');
        _eleChange = $('.zd-imgChange-change');
    }
    //添加图片
    function AddImg() {
        for (var i = 0; i < _setting.imgs.length; i ) {
            //图片
            _eleTemp = $(document.createElement('img'));
            _eleTemp.addClass('zd-imgChange-img-item');
            _eleTemp.attr('src', _setting.imgs[i]);
            _eleImg.append(_eleTemp);
            //图标
            _eleControll.append('<span>' _icon[1] '</span>');
            //提示
            $(_eleImg.children('img')[i]).attr({ 'title': _setting.tips[i] '|' _setting.links[i] });
            $(_eleControll.children('span')[i]).attr('title', _setting.tips[i]);
        }
        Dispose(0, 'TtoB');
    }
    //处理尺寸
    function DisSize() {
        _eleThis.css({ 'height': _setting.height, 'width': _setting.width, 'font-size': _setting.height * 0.2 - 2 });
        _eleThis.children('button').css('font-size', _setting.height * 0.2 - 2);
        _eleChange.css({ 'line-height': _setting.height 'px' });
    }
    //处理操作事件
    function DisControll() {
        _eleImg.children('img').bind('click', function () {//点击图片跳转
            document.location = 'http://' $(this).attr('title').split('|')[$(this).attr('title').split('|').length

  • 1];
            });
            _eleChange.bind('click', function () {//顺序切换图片
                var nowImg = $('.zd-imgChange-img-item-sel');
                _eleTemp = _eleImg.children('img');
                if ($(this).hasClass('zd-imgChange-change-left')) {//向左切换
                    for (var i = 0; i < _eleTemp.length; i ) {
                        if (nowImg.attr('title') == $(_eleTemp[i]).attr('title')) {
                            if ((i - 1) < 0) {
                                Dispose(_eleTemp.length - 1, 'RtoL');
                            } else {
                                Dispose(i - 1, 'RtoL');
                            }
                            break;
                        }
                    }
                } else if ($(this).hasClass('zd-imgChange-change-right')) {//向右切换
                    for (var i = 0; i < _eleTemp.length; i ) {
                        if (nowImg.attr('title') == $(_eleTemp[i]).attr('title')) {
                            if ((i 1) > _eleTemp.length - 1) {
                                Dispose(0, 'LtoR');
                            } else {
                                Dispose(i 1, 'LtoR');
                            }
                            break;
                        }
                    }
                } else {
                    return false;
                }
            });
            _eleControll.children('span').bind('click', function () {
                for (var i = 0; i < _eleControll.children('span').length; i ) {
                    if ($(_eleControll.children('span')[i]).attr('title') == $(this).attr('title')) {
                        if ($(_eleImg.children('img')[i]).attr('src') != $('.zd-imgChange-img-item-sel').attr('src')) {//判断是否点击的同一个标签
                            Dispose(i, 'TtoB');
                        }
                        break;
                    }
                }
            });
        }
        //切换器
        function Dispose(eNum, dir) {//切换图片 
            clearTimeout(_timers);
            DisposeAnm();
            $(_eleControll.children('span')).html(_icon[1]);
            $(_eleControll.children('span')[eNum]).html(_icon[0]);
            $('.zd-imgChange-change-left').attr('title', eNum - 1 >= 0 ? $(_eleControll.children('span')[eNum - 1]).attr('title') : $(_eleControll.children('span')[_eleControll.children('span').length
  • 1]).attr('title'));
            $('.zd-imgChange-change-right').attr('title', eNum 1 <= _eleControll.children('span').length - 1 ? $(_eleControll.children('span')[eNum 1]).attr('title') : $(_eleControll.children('span')[0]).attr('title'));
            _timers = setTimeout(Timers, _setting.timers);
            //切换动画--根据z-index实现视觉效果
            function DisposeAnm() {
                $('.zd-imgChange-img-item').removeClass('zd-imgChange-img-item-temp');
                $('.zd-imgChange-img-item-sel').removeClass('zd-imgChange-img-item-sel').addClass('zd-imgChange-img-item-temp');
                _eleTemp = $(_eleImg.children('img')[eNum]).addClass('zd-imgChange-img-item-sel');
                if (dir == 'TtoB') {
                    _eleTemp.css('top', -_setting.height);
                    _eleTemp.animate({ top: 0 }, 300);
                } else if (dir == 'RtoL') {
                    _eleTemp.css('left', _setting.width);
                    _eleTemp.animate({ left: 0 }, 300);
                } else if (dir == 'LtoR') {
                    _eleTemp.css('left', -_setting.width);
                    _eleTemp.animate({ left: 0 }, 300);
                }
            }
        }
        //自动切换时钟
        function Timers() {
            _timers = setTimeout(Timers, _setting.timers);
            var nowImg = $('.zd-imgChange-img-item-sel');
            _eleTemp = _eleImg.children('img');
            for (var i = 0; i < _eleTemp.length; i ) {
                if (nowImg.attr('title') == $(_eleTemp[i]).attr('title')) {
                    if ((i - 1) < 0) {
                        Dispose(_eleTemp.length - 1, 'TtoB');
                    } else {
                        Dispose(i - 1, 'TtoB');
                    }
                    break;
                }
            }
        }
    })($)

CSS代码部分:

复制代码 代码如下:

.zd-imgChange {
    position: relative;
    margin: auto;
    padding: 0px;
    min-width: 200px;
    min-height: 100px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    cursor: pointer;
    overflow: hidden;
}
.zd-imgChange-change {
    cursor:pointer;
    color:#fff;
    margin: 0px;
    padding: 0px;
    position: relative;
    background: rgba(0,0,0,0.5);
    width: 10%;
    height: 100%;
    text-align: center;
    opacity: 0.1;
    z-index: 1;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    border:none;
}
    .zd-imgChange-change:hover {
        opacity: 1;
    }
.zd-imgChange-change-left {
    float: left;
}
.zd-imgChange-change-right {
    float: right;
}
.zd-imgChange-img {
    z-index: 0;
    padding: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(100,0,0,0.1);
    width: 100%;
    height: 100%;
}
.zd-imgChange-img-item {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    border: none;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
    z-index: -1;
}
.zd-imgChange-img-item-temp{
    z-index:0;
}
.zd-imgChange-img-item-sel {
    z-index: 1;
}
.zd-imgChange-controll {
    z-index: 2;
    padding: 0px;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 20%;
    background: rgba(0,0,0,0);
    text-align: center;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    -webkit-transition: background 0.4s;
    transition: background 0.4s;
    text-shadow: 0px 0px 5px #000;
    opacity: 0.7;
}
    .zd-imgChange-controll:hover {
        background: rgba(0,0,0,0.5);
        opacity: 1;
    }
    .zd-imgChange-controll span {
        -moz-transition: color 0.4s;
        -o-transition: color 0.4s;
        -webkit-transition: color 0.4s;
        transition: color 0.4s;
    }
        .zd-imgChange-controll span:hover {
            color: rgba(0,0,0,0.6);
        }

HTML代码部分:

复制代码 代码如下:

<!DOCTYPE html>
<html xmlns=";
<head>
    <meta name="viewport" content="width=device-width">
    <title>图片切换</title>
    <script src="jquery-1.10.2.min.js"></script>
    <link href="zoeDylan.ImgChange.css" rel="stylesheet" />
    <script src="zoeDylan.ImgChange.js"></script>
    <script>
            var a_imgs = new Array(//插入图片地址
                './1 (1).jpg',
                './1 (2).jpg',
                './1 (3).jpg',
                './1 (4).jpg'
                ),
                a_links = new Array(//点击图片跳转的网址
                'www.baidu.com',
                'www.qq.com',
                'www.google.com',
                'www.zol.com'
                ),
                a_tips = new Array(//鼠标停靠的提示
                '百度',
                '腾讯',
                '谷歌',
                '中关村'
                );
            $(function () {
            $('#imgc').zoeDylan_ImageChange({//设置
                width: 500,
                height: 300,
                imgs: a_imgs,
                links: a_links,
                tips: a_tips,
                timers:2000
            });
            });
    </script>
</head>
<body>
    <div id="imgc">
<!--        <span class="zd-imgChange-change zd-imgChange-change-left"><</span>
        <div class="zd-imgChange-img">
            <img class="zd-imgChange-img-item" src="" alt="图片加载错误!" title="提示" />
        </div>
        <div class="zd-imgChange-controll"><span>d</></div>
        <span class="zd-imgChange-change zd-imgChange-change-right">></span>-->
    </div>
</body>
</html>

ps:尽量使用高版本浏览器,目测测试浏览器:IE11 IE10 IE6 google 猎豹 欧鹏 可以完美运行,IE6透明效果有损失

代码下载:

文件里面的功能注释也写得非常详细(详见zoeDylan.ImgChange-1.0.1.js文件),对网友...

网站产品图片放大镜功能没反应,求高手帮忙看下
html中

复制代码 代码如下: { var//申明全局变量 _eleTemp,//缓存变量 _eleThis = $,//当前元素 _eleImg = $,//图片组元素 _eleControll = $('.zd-imgChange-controll'),//控制器组元素 _eleChange = $('.zd-imgChange-change'),//切换元素 _icon = '●○',//动态图标 _imgTemplate = $(document.createElement,//图片模版' _setting = { height: 100,//高 width: 200,//宽 imgs: new Array(),//图片地址 links: null,//点击地址 tips: null,//图片说明 timers: 3000//自动切换时间 },//配置 _timers = null//自动切换保存变量 $.fn.zoeDylan_ImageChange = function { _eleThis = $; _setting = $.extend;//设置属性 //处理数据 _setting.timers = _setting.timers != null && _setting.timers != undefined && _setting.timers > 1000 ? _setting.timers : 1000; _setting.height = parseFloat < 100 ? 100 : parseFloat; _setting.width = parseFloat < 200 ? 200 : parseFloat; return this.each {//初始化 AddTemplate; DisSize } //添加模版 function AddTemplate() { _eleThis.removeClass(); _eleThis.addClass; _eleTemp = '<'; _eleThis.append; _eleTemp = '

<div class=jqzoom id=spec-n1><img src="{dede:field.litpic/}" jqimg="{dede:field.litpic/}" width="315" height="250" alt="{dede:field.typename/}" /></div><SCRIPT type=text/javascript> $(function(){ $(".jqzoom").jqueryzoom({ xzoom:400, yzoom:400, offset:10, position:"right", preload:1, lens:1 }); $("#spec-list").jdMarquee({ deriction:"left", width:500, height:56, step:2, speed:4, delay:10, control:true, _front:"#spec-right", _back:"#spec-left" }); $("#spec-list img").bind("mouseover",function(){ var src=$.attr; $("#spec-n1 img").eq.attr({ src:src.replace("/n5/","/n1/"), jqimg:src.replace("/n5/","/n0/") }); $.css({ "border":"2px solid #ff6600", "padding":"1px" }); }).bind("mouseout",function(){ $.css({ "border":"1px solid #ccc", "padding":"2px" }); }); })</SCRIPT><SCRIPT src="/js/lib.js" type="text/javascript"></SCRIPT><SCRIPT src="/js/163css.js" type="text/javascript"></SCRIPT>

'; _eleThis.append; _eleTemp = '

css文件:

'; _eleThis.append; _eleTemp = '

#preview{ float:none; margin:20px auto; text-align:center; width:500px;}
.jqzoom{position:relative;}
.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-l

>

ist div{ margin-top:0;margin-left:-30px; *margin-left:0;}

'; _eleThis.append; //给全局变量赋值 _eleImg = $; _eleControll = $('.zd-imgChange-controll'); _eleChange = $('.zd-imgChange-change'); } //添加图片 function AddImg() { for (var i = 0; i < _setting.imgs.length; i ) { //图片 _eleTemp = $(document.createElement; _eleTemp.addClass('zd-imgChange-img-item'); _eleTemp.attr('src', _setting.imgs[i]); _eleImg.append; //图标 _eleControll.append('' _icon[1] ''); //提示 $(_eleImg.children.attr({ 'title': _setting.tips[i] '|' _setting.links[i] }); $(_eleControll.children.attr('title', _setting.tips[i]); } Dispose; } //处理尺寸 function DisSize() { _eleThis.css({ 'height': _setting.height, 'width': _setting.width, 'font-size': _setting.height * 0.2 - 2 }); _eleThis.children.css('font-size', _setting.height * 0.2 - 2); _eleChange.css({ 'line-height': _setting.height 'px' }); } //处理操作事件 function DisControll() { _eleImg.children.bind {//点击图片跳转 document.location = 'http://' $.split.attr.length - 1]; }); _eleChange.bind {//顺序切换图片 var nowImg = $('.zd-imgChange-img-item-sel'); _eleTemp = _eleImg.children.hasClass('zd-imgChange-change-left')) {//向左切换 for (var i = 0; i < _eleTemp.length; i ) { if == $.attr { if { Dispose(_eleTemp.length - 1, 'RtoL'); } else { Dispose; } break; } } } else if .hasClass('zd-imgChange-change-right')) {//向右切换 for (var i = 0; i < _eleTemp.length; i ) { if == $.attr { if > _eleTemp.length - 1) { Dispose; } else { Dispose; } break; } } } else { return false; } }); _eleControll.children.bind { for (var i = 0; i < _eleControll.children { if ($(_eleControll.children.attr.attr { if ($(_eleImg.children.attr != $('.zd-imgChange-img-item-sel').attr {//判断是否点击的同一个标签 Dispose; } break; } } }); } //切换器 function Dispose {//切换图片 clearTimeout; DisposeAnm(); $(_eleControll.children.html; $(_eleControll.children.html; $('.zd-imgChange-change-left').attr('title', eNum - 1 >= 0 ? $(_eleControll.children.attr : $(_eleControll.children[_eleControll.children.attr; $('.zd-imgChange-change-right').attr('title', eNum 1 <= _eleControll.children.length - 1 ? $(_eleControll.children.attr : $(_eleControll.children.attr; _timers = setTimeout(Timers, _setting.timers); //切换动画--根据z-index实现视觉效果 function DisposeAnm() { $('.zd-imgChange-img-item').removeClass('zd-imgChange-img-item-temp'); $('.zd-imgChange-img-item-sel').removeClass('zd-imgChange-img-item-sel').addClass('zd-imgChange-img-item-temp'); _eleTemp = $(_eleImg.children.addClass('zd-imgChange-img-item-sel'); if { _eleTemp.css('top', -_setting.height); _eleTemp.animate; } else if { _eleTemp.css('left', _setting.width); _eleTemp.animate; } else if { _eleTemp.css('left', -_setting.width); _eleTemp.animate; } } } //自动切换时钟 function Timers() { _timers = setTimeout(Timers, _setting.timers); var nowImg = $('.zd-imgChange-img-item-sel'); _eleTemp = _eleImg.children; for (var i = 0; i < _eleTemp.length; i ) { if == $.attr { if { Dispose(_eleTemp.length - 1, 'TtoB'); } else { Dispose; } break; } } }})

"/js/163css.js"文件:
/*jqueryzoom&&jcarousel*/
(function{
$.fn.jqueryzoom=function{
var settings={
xzoom:200,
yzoom:200,
offset:10,
position:"right",
lens:1,
preload:1};
if{
$.extend(settings,options);}
var noalt='';
$.hover(function(){
var imageLeft=$.offset().left;
var imageTop=$.offset().top;
var imageWidth=$.children.get.offsetWidth;
var imageHeight=$.children.get.offsetHeight;
noalt=$.children.attr;
var bigimage=$.children.attr;
$.children.attr;
if($("div.zoomdiv").get().length==0){
$.after("

复制代码 代码如下:.zd-imgChange { position: relative; margin: auto; padding: 0px; min-width: 200px; min-height: 100px; background: rgba; color: #fff; cursor: pointer; overflow: hidden;}.zd-imgChange-change { cursor:pointer; color:#fff; margin: 0px; padding: 0px; position: relative; background: rgba; width: 10%; height: 100%; text-align: center; opacity: 0.1; z-index: 1; -moz-transition: opacity 0.4s; -o-transition: opacity 0.4s; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; border:none;} .zd-imgChange-change:hover { opacity: 1; }.zd-imgChange-change-left { float: left;}.zd-imgChange-change-right { float: right;}.zd-imgChange-img { z-index: 0; padding: 0px; position: absolute; top: 0px; left: 0px; background: rgba; width: 100%; height: 100%;}.zd-imgChange-img-item { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: none; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 1; z-index: -1;}.zd-imgChange-img-item-temp{ z-index:0;}.zd-imgChange-img-item-sel { z-index: 1;}.zd-imgChange-controll { z-index: 2; padding: 0px; position: absolute; bottom: 0px; width: 100%; height: 20%; background: rgba; text-align: center; -moz-transition: background 0.4s; -o-transition: background 0.4s; -webkit-transition: background 0.4s; transition: background 0.4s; text-shadow: 0px 0px 5px #000; opacity: 0.7;} .zd-imgChange-controll:hover { background: rgba; opacity: 1; } .zd-imgChange-controll span { -moz-transition: color 0.4s; -o-transition: color 0.4s; -webkit-transition: color 0.4s; transition: color 0.4s; } .zd-imgChange-controll span:hover { color: rgba; }

图片 1");
$.append;}
if(settings.position=="right"){
if(imageLeft imageWidth settings.offset settings.xzoom>screen.width){
leftpos=imageLeft-settings.offset-settings.xzoom;}else{
leftpos=imageLeft imageWidth settings.offset;}}else{
leftpos=imageLeft-settings.xzoom-settings.offset;
if(leftposleftpos=imageLeft imageWidth settings.offset;}}
$("div.zoomdiv").css({top:imageTop,left:leftpos});
$("div.zoomdiv").width(settings.xzoom);
$("div.zoomdiv").height(settings.yzoom);
$("div.zoomdiv").show();
if(!settings.lens){
$.css('cursor','crosshair');}
$(document.body).mousemove(function{
mouse=new MouseEvent;
var bigwidth=$(".bigimg").get.offsetWidth;
var bigheight=$(".bigimg").get.offsetHeight;
var scaley='x';
var scalex='y';
if(isNaN|isNaN{
var scalex=(bigwidth/imageWidth);
var scaley=(bigheight/imageHeight);
$("div.jqZoomPup").width((settings.xzoom)/);
$("div.jqZoomPup").height((settings.yzoom)/);
if(settings.lens){
$("div.jqZoomPup").css('visibility','visible');}}
xpos=mouse.x-$("div.jqZoomPup").width()/2-imageLeft;
ypos=mouse.y-$("div.jqZoomPup").height()/2-imageTop;
if(settings.lens){
xpos=(mouse.x-$("div.jqZoomPup").width()/2 imageWidth imageLeft)?(imageWidth-$("div.jqZoomPup").width:xpos;
ypos=(mouse.y-$("div.jqZoomPup").height()/2 < imageTop ) ? 0 : (mouse.y $("div.jqZoomPup").height()/2>imageHeight imageTop)?(imageHeight-$("div.jqZoomPup").height:ypos;}
if(settings.lens){
$("div.jqZoomPup").css({top:ypos,left:xpos});}
scrolly=ypos;
$("div.zoomdiv").get.scrollTop=scrolly*scaley;
scrollx=xpos;
$("div.zoomdiv").get.scrollLeft=*scalex;});},function(){
$.children.attr("alt",noalt);
$(document.body).unbind("mousemove");
if(settings.lens){
$("div.jqZoomPup").remove();}
$("div.zoomdiv").remove;
count=0;
if(settings.preload){
$.append;
$.each(function(){
var imagetopreload=$.children.attr;
var content=jQuery('div.jqPreload' count '').html();
jQuery('div.jqPreload' count '').html(content '图片 2');});}}});
function MouseEvent{
this.x=e.pageX;
this.y=e.pageY;}

复制代码 代码如下:

图片切换

ps:尽量使用高版本浏览器,目测测试浏览器:IE11 IE10 IE6 google 猎豹 欧鹏 可以完美运行,IE6透明效果有损失

代码下载:

版权声明:本文由可提现彩票app-支持提现彩票app-10元可提现的彩票app发布于新闻中心,转载请注明出处:求高手帮忙看下,Web前端之家