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

你可能感兴趣的文章
c++重载与覆写
查看>>
使用 JavaScript 将网站后台的数据变化实时更新到前端-【知乎总结】
查看>>
Java基础之j简析avax.swing.JOptionPane(一)showMessageDialog
查看>>
信息资源管理的标准与法规
查看>>
二进制、十进制、N进制 ○| ̄|_
查看>>
Android 数据库管理— — —创建数据库
查看>>
Jquery 校验文本框只能输入负数、小数、整数
查看>>
关于固态硬盘SSD的4K对齐
查看>>
fanc委托在项目中使用
查看>>
C# FileStream 按大小分段读取文本内容
查看>>
WGS84,GCJ02, BD09坐标转换
查看>>
如何给网页标题栏上添加图标(favicon.ico)(转)
查看>>
[转载] Linux架构
查看>>
mysql授权
查看>>
Ubuntu下SSH设置
查看>>
IOS-小项目( 网络部分 简单实现)
查看>>
C/C++基本数据类型
查看>>
C++第八章习题
查看>>
multiset || 线段树 HDOJ 4302 Holedox Eating
查看>>
POJ2115:C Looooops——题解
查看>>