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

你可能感兴趣的文章
Stream流与Lambda表达式(五) Stream BaseStream AutoCloseable源码解读
查看>>
学习webpack4 - HTML处理
查看>>
Laravel核心解读--完结篇
查看>>
音乐播放类应用后台播放耗电评测报告
查看>>
leetCode算法-268(缺失数字)
查看>>
Java之注解的定义及使用
查看>>
前端知识点整理(待续)
查看>>
阿里云移动端播放器高级功能---安全播放
查看>>
TiDB 在摩拜单车的深度实践及应用
查看>>
集成Netty|tensorflow实现 聊天AI--PigPig养成记(2)
查看>>
小白学Weex(一) —— 环境搭建
查看>>
用koa开发一套内容管理系统(CMS),支持javascript和typescript双语言
查看>>
Data Lake Analytics + OSS数据文件格式处理大全
查看>>
如何解决高并发,秒杀问题
查看>>
Spring 执行 sql 脚本(文件)
查看>>
算法复习
查看>>
你们都会的防抖与节流
查看>>
《你不知道的javascript》笔记_对象&原型
查看>>
聊一聊CSS中的长度单位
查看>>
原生 js 实现一个前端路由 router
查看>>