javascript 仿开心网好友印象功能(点击文字弹出印象框)
仿开心网好友印象功能
.box{ width:500px; padding:10px; height:auto; overflow:hidden; text-align:center}
.box span{ line-height:30px; height:30px;white-space:nowrap; display:inline-block; cursor:pointer}
.box a,.box a:hover{ padding:10px;color:#fff; line-height:16px;font-weight:bold; font-size:14px;text-decoration:none; position:relative; border:0;}
.box a:hover{ border:2px #09e solid;padding:8px;}
input.cur{ border:1px #c00 outset}
色鬼你懂个啥-……-休息帅气天涯地方无法形容才子
function randomColor() { //16进制方式表示颜色0-F
var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"];
var strHex = "#";
var index;
for(var i = 0; i
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
javascript 仿开心网好友印象功能(点击文字弹出印象框)
仿开心网好友印象功能 .box{ width:500px; padding:10px; height:auto; overflow:hidden; text-align:center} .box span{ line-height:30px; height:30px;white-space:nowrap; display:inline-block; cursor:pointer} .box a,.box a:hover{ padding:10px;color:#fff; line-height:
-
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
本文实例讲述了CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法.分享给大家供大家参考.具体分析如下: 这里用CSS+JS实现点击文字后动画展开一个DIV层菜单,到期会自动关闭,是CSS结合JS实现的效果. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
js实现点击弹窗弹出登录框
本文实例为大家分享了js实现点击弹窗弹出登录框的具体代码,供大家参考,具体内容如下 1 图片预览 2 index.html代码 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
-
点击按钮弹出模态框的一系列操作代码实例
实现功能 提交按钮功能: 点击提交按钮的时候都会弹出模态框,但是有不同的状态: 审核状态未通过:弹出未通过理由的input输入框,模态框中除了取消和确定按钮,新增确定并保存医院的按钮 审核状态已通过:如果新增医院的经纬度没有填写,会提示填写经纬度,填写之后点击提交按钮,模态框中显示确定和取消按钮 审核状态待审核:模态框中显示确定和取消按钮 添加医院的html代码: <div class="form-group"> <label class="control-
-
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
本文实例讲述了javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法.分享给大家供大家参考.具体分析如下: 这里点击按钮后,弹出一个可关闭的层窗口,随之网页背景变灰,在QQ网站上经常会看到QQ登录的效果,就和这个很类似,代码段基于JavaScript,根据你的情况使用,有时候是用CSS完成的这种功能. <html> <head> <meta http-equiv="Content-Type" content="text/htm
-
JS点击图片弹出文件选择框并覆盖原图功能的实现代码
简单说下原理,把显示的图片的<img>标签 和上传文件的 <input> 标签放在同一个div下,设置<img>的大小和<input>的大小一样,<input> 设置透明度为0,用定位和设置优先级把input浮动在<img>上方,这样点击图片就能选择上传图片,选择完图片后获取图片地址,替换掉原来的默认图片就能实现覆盖原图功能. js代码: <script type="text/javascript" src=
-
jsp中点击图片弹出文件上传界面及预览功能的实现
花了两天时间琢磨一下图片预览的功能 任务需求如下: 1:jsp页面中有一个图片(pic_1) 2:点击图片弹出类似于资源管理器的界面 3:选择完某一个图片之后在pic_1处预览 我在IE8上试验下面这段代码,可以实现上述功能,没有在别的浏览器中测试,如果各位朋友知道多种浏览器的支持方法,请赐教,共同学习,谢谢. 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:
-
Android仿微信、qq点击右上角加号弹出操作框
Android仿微信.qq点击右上角加号弹出操作框,先上图,类似于下图这种,点击加号,会弹出一个对话框,如下图: 微信: 自己实现: 接下来,我们来实现此功能: 其实,实现原理就是,点击"+"号,弹出一个PopupWindow. 1.写一个用于展示在ToolBar中的 menu文件,如下: <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http:
-
纯js+css实现仿移动端淘宝网站的弹出详情框功能
点击查看图片 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="ap
-
Android仿微信右上角点击加号弹出PopupWindow
本文实例为大家分享了Android仿微信右上角点击加号弹出展示的具体代码,供大家参考,具体内容如下 一.要弹出的布局,随便设计 <LinearLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:background="@drawable/my_ph
随机推荐
- 使用canvas实现仿新浪微博头像截取上传功能
- 资料:Office 2007中的config.xml个性定制说明资料
- iOS App通信之local socket示例
- php实现httpclient类示例
- MySQL优化必须调整的10项配置
- docker 镜像加速CentOS7详细介绍
- mysql 行列动态转换的实现(列联表,交叉表)
- 有史以来最简单的AJAX回调库
- 护卫神 主机管理系统使用说明篇 系统设置
- [js]javascript与剪贴板交互
- jQuery代码优化 遍历篇
- JS、CSS文字切换,定时交替,代码精简
- Java并发之嵌套管程锁死详解
- .NET垃圾回收器(GC)原理浅析
- WinForm调用jar包的方法分析
- php5.5中类级别的常量使用介绍
- Vue组件的使用教程详解
- vuex中的 mapState,mapGetters,mapActions,mapMutations 的使用
- JavaScript前端页面搜索功能案例【基于jQuery】
- ASP.NET Core MVC基础学习之局部视图(Partial Views)