网站地图
首页
php教程
asp.net教程
手机开发
css教程
网页制作
办公数码
jsp教程
asp教程
ps教程
当前位置:
编程学习网
>>
网页制作
>
js教程
> >
[json]js 仿QQ好友选择效果代码
[json]js 仿QQ好友选择效果代码
发布时间:2018-05-10
【www.gdgbn.com--js教程】
提示:您可以先修改部分代码再运行
js 仿QQ好友选择效果代码
js 仿QQ好友选择效果代码
你最多可以选择5个
选项一 选项二 选项三 选项四 选项五 选项六 选项七 选项八 选项九 选项十 选项十一 选项十二 选项十三 选项十四 选项十五 您已经选择了
0
个!
<script type="text/javascript"> var maxNum = 5, Len=0, Nums=document.getElementById("num"); var li = document.getElementById("leftul").getElementsByTagName("li"); for(var i=li.length; i--; ){ li[i].id = i; li[i].onclick = add; } function add(){ if(++Len > maxNum){ document.getElementById("notice").innerHTML = "
你已经选择够了!
" --Len; return false; } var newli = document.createElement("li"); newli.onclick = remove; newli.setAttribute("title", this.id); newli.appendChild(document.createTextNode(this.innerHTML)); document.getElementById("rightul").appendChild(newli); this.style.display = "none"; Nums.innerHTML = Len } function remove(){ document.getElementById("notice").innerHTML = "你最多可以选择五个!"; var title = this.getAttribute("title"); document.getElementById(title).style.display = "block"; Nums.innerHTML = --Len; this.parentNode.removeChild(this); } </script>
提示:您可以先修改部分代码再运行
本文来源:
http://www.gdgbn.com/wangyezhizuo/22940/
上一篇:
javascript学习指南|java聊天窗口的实现
下一篇:
[json]js可控带缩略图 图片切换展示效果
相关推荐
百度seo页面优化方案|seo优化-让百度送来流量
元旦的英语|元旦新年flash动画祝福贺卡
javascript学习指南|javascript 仿FLASH效果的竖向导航菜单
asp.net中如何管理系统_asp.net中如何管理cache
google新加坡网站_利用google网站管理员工具
2010office密钥_2010 元旦节电子贺卡
【asp.net下载文件到本地】asp.net下载文件程序代码
[淮安seo网站]seo优化-网站到底能否使用重复内容?
【元旦节贺卡图片大全】元旦节贺卡图片
javascript学习指南|java聊天窗口的实现
网友关注
google 翻译|Google Sitemap 对google优化的作用
元旦节英语_元旦节贺卡-送上我最真挚的祝福
【元旦节英语】元旦节flash 贺卡
phpstudy|php 为图片加水印函数和缩略图的函数代码
asp.net core_asp.net 页面回车触发button按钮事件
[百度怎么收录我的网站]百度收录养殖网网站的五个重要技巧
2020年元旦节_2010年元旦节祝福卡通flash贺卡
[元旦节搞笑祝福语]元旦节搞笑祝福卡通贺卡
关键词怎么选择|分享关键词的选择法则
【phpstudy】php 生成条形码
热门标签
json格式化
json在线格式化
js格式化
js刷新当前页面
jsp
js保留两位小数
最新js教程
js教程
js遍历对象_js中查找对象代码
js教程
javascript学习指南_java 自动装箱拆箱实现方法
js教程
eclipse连接mysql数据库_java连接db2数据代码
js教程
flash player|flash js Fusioncharts 参数详解与参考
js教程
json_js ajax XMLHttpRequest与jq $.ajax
js教程
【js利用cookie】js利用cookies与正则设置字体高亮显示
js教程
asp.net core_asp.net DataGridTree 下拉树 实现方法
js教程
[jsp注册页面代码]JSP页面编码问题分析
js教程
[hibernate和mybatis的区别]Hibernate 中get()和load()与Hibernate简介
js教程
判断textarea中是否有回车符|判断textarea中是否有回车符方法
js教程热门文章
js教程
[json]js可控带缩略图 图片切换展示效果
js教程
【json】js 可增加删除图片上传框js代码
js教程
ajax提交form表单|ajax +php 二级联动菜单代码
js教程
[json]js 仿论坛增加QQ表情代码
js教程
json|js 给select 设置值并设置select 当前选项selected
js教程
html鼠标悬停变色|鼠标悬停改变div 背景色
js教程
json_js 可控制的图片幻灯切换效果
js教程
json|js 带缩略图纯javascript图片切换代码
js教程
[json]js tab切换选项卡代码
js教程
js向上取整_js无间向上滚动代码
声明:本网站尊重并保护知识产权,根据《信息网络传播权保护条例》,如果我们转载的作品侵犯了您的权利,请在一个月内通知我们,我们会及时删除。
Copyright©2006-2019 编程学习网 www.gdgbn.com 版权所有