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

你可能感兴趣的文章
IOC框架之 Unity 入门
查看>>
在Linux下的Java环境设置
查看>>
python网络编程学习笔记(3):socket网络服务器
查看>>
JAVA引用
查看>>
开发者应该关注的五项 Web 新兴技术
查看>>
网站运营赚钱的小心得
查看>>
HDU 3338 Kakuro Extension
查看>>
Loader类的loadBytes报IOErrorEvent
查看>>
XP 之后, Delphi 动注册表不方便了...逼出来一个办法:
查看>>
SQL Server 2005无法远程连接的解决方法
查看>>
搜索引擎网站收录地址大全
查看>>
手工安装桌面环境;备忘下。
查看>>
SOS 调试扩展 (SOS.dll) 《第五篇》
查看>>
Linux/Unix System Level Attack、Privilege Escalation(undone)
查看>>
(原)Microsoft Source Reader的简单使用
查看>>
关于Http协议的解析
查看>>
URL和搜索引擎优化
查看>>
VirtualBox 内的 Ubuntu Server 虚拟机网络配置
查看>>
移植最新Uboot到JZ2440开发板
查看>>
解读ASP.NET 5 & MVC6系列(12):基于Lamda表达式的强类型Routing实现
查看>>