博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Js弹出框代码,头像选择工具
阅读量:5965 次
发布时间:2019-06-19

本文共 2620 字,大约阅读时间需要 8 分钟。

javascript代码

/**      * 弹出头像JS      */      var ICO = new  Object();      ICO.show = function(){          $(".pop-ico").fadeIn();      }            ICO.hide = function(){          $(".pop-ico").fadeOut();      }            $(function(){          var $box = $(".pop-ico");          var $showbtn =$(".show-ico-btn");          var $headico = $("input[name='headico']");          var $hidebtn =$box.find(".hide-ico-btn");          var $icolist = $box.find(".ico-list");          $showbtn.bind("click",ICO.show);          $hidebtn.bind("click",ICO.hide);          //点击选择头像          $("> a", $icolist).each(function(){              $(this).bind("click",function(){                  $(this).addClass("cur").siblings().removeClass("cur");                  var src =$(this).find("img").attr("src");                  $showbtn.find("img").attr("src",src);                  $headico.val($(this).attr("data-src"));                  ICO.hide();              });          });      });

demo.html   

                  
美女图片 MN606.COM
头像选择器:
演示地址
美女图片
选择头像  图片路径:
Dev by Swing ,QQ:35263107
www.mn606.com
www.yy606.com

转载于:https://www.cnblogs.com/JoannaQ/archive/2012/08/04/2622509.html

你可能感兴趣的文章
使用 getopt() 进行命令行处理
查看>>
js去掉html标记,中正则表达式,去掉字符,截取字符
查看>>
使用Akka Http,ActiveMQ搭建一个邮件发送服务器
查看>>
kvm starting domain: cannot send monitor command
查看>>
Tomcat主配置文件Server.xml详解
查看>>
中考在即,您为孩子选择什么?--读<<招生全攻略>>有感
查看>>
深入剖析 HTML5
查看>>
Mysql mysql.server启动脚本详解 .
查看>>
网格(GridView)+图片(ImageView)+文字(TextView)
查看>>
jquery遇上Ajax
查看>>
iptables
查看>>
我的友情链接
查看>>
RHEL-6.1/5.4安装Heartbeat-3-0-7有可能碰见的各种错误及解决方法
查看>>
win32控制台应用程序中使用CString类型的方法
查看>>
关于authlib集成windows ad失败的分析并解决[草稿]
查看>>
centos5.4 x86_64禁用的服务
查看>>
python中单元测试的常用语句
查看>>
阿里Java面试题剖析:为什么使用消息队列?消息队列有什么优点和缺点?
查看>>
3.2.4 Shell脚本--函数的用法
查看>>
ssh-keygen -t rsa -f cloud.key ssh -i cloud.key <username>@<instance_ip>
查看>>