博客
关于我
强烈建议你试试无所不能的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

你可能感兴趣的文章
提高信息安全意识对网络勒索病毒说不
查看>>
我的友情链接
查看>>
IDE---Python IDE之Eric5在window下的安装
查看>>
基本安装lnmp环境
查看>>
logstash消费阿里云kafka消息
查看>>
Oracle——条件控制语句
查看>>
day-6 and day-7:面向对象
查看>>
CSU Double Shortest Paths 湖南省第十届省赛
查看>>
webgl像机世界
查看>>
php正则怎么使用(最全最细致)
查看>>
javascript数学运算符
查看>>
LC.155. Min Stack(非优化,两个stack 同步 + -)
查看>>
交互设计[3]--点石成金
查看>>
SCCM TP4部署Office2013
查看>>
redis主从配置<转>
查看>>
bootloader功能介绍/时钟初始化设置/串口工作原理/内存工作原理/NandFlash工作原理...
查看>>
利用console控制台调试php代码
查看>>
讲解sed用法入门帖子
查看>>
Linux 内核已支持苹果
查看>>
shell脚本逻辑判断,文件目录属性判断,if,case用法
查看>>