Welcome 微信登录

首页 / 脚本样式 / JavaScript

input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

input 输入框获得/失去焦点时隐藏/显示文字(jquery版)

input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示“用户名/Email”的提示。是不是很常见?很多搜索、登录、表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的: 复制代码 代码如下:...
jQuery布局插件UI Layout简介及使用方法

jQuery布局插件UI Layout简介及使用方法

UI Layout是一种基于jQuery的布局框架,项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border-layout,因此十分适用于将原有使用ExtJS的项目改造成jQuery项目。其核心是一个大小自适应的中心面板(必选),面板的上下左右四个方向可以放置可折叠、可缩放的面板(可选),各个面板可以添加任意数量的页眉和页脚面板。UI Layout支持内层布局的嵌套,任意块元素都可以当作布局的容器,最基...
JS实现标签页效果(配合css)

JS实现标签页效果(配合css)

实现的效果: 如上图所示为制作的标签页,我们想要实现的效果是当鼠标移到某一个标签的时候,在下面的内容区显示对应的内容,并且相应标签的颜色需要改变,如图中所示当前鼠标的位置在“标签1”上,则内容区域显示的内容为“我是内容1”,并且“标签1”的颜色要比“标签2”和“标签3”深一些,同样鼠标移到“标签2”和“标签3”的时候显示“我是内容2”和“我是内容3”。这样的效果是CSS和JS配合实现的。下面我们就来看看具体代码:首先来看HTML代码: 复制代码 代码如下:...
JS模板实现方法

JS模板实现方法

概述我们在使用JS渲染DOM时,一般使用字符串创建DOM然后附加到父元素上,如果附加的DOM是动态易变的,那需要在函数中写大量逻辑。如果在控件实现过程中,这带来的问题更为严重。解决这个问题的常见解决方案是是使用模板,作为配置项传入控件,实现数据和渲染的分离。具体的实现方法有以下方法:字符串替换,使用正则匹配将数据替换进字符串中。 渲染函数,函数返回字符串。 模板引擎,可以将执行字符串中的函数(内置或者自定义的) 替换(Substitute)字符串替换是最简...
Jquery实现弹出层分享微博插件具备动画效果

Jquery实现弹出层分享微博插件具备动画效果

此Jquery插件是一款非常实用的特效,是很多网站不可缺少的推广神兵利器,传统的一般都用百度、加网的分享插件,但样式外观都不怎么好看,用户体验效果差一点,此作品不但有分享功能,还具备了动画效果,提高了用户体验。由于用了CSS3,为了可以看到插件的最佳效果,建议大家使用谷歌、火狐等浏览器。。。作品包括以下功能: 1、弹出层 2、遮罩层 3、动画效果 4、CSS3 效果如下:源码下载 代码片段(1) 复制代码 代码如下: $(document).ready(f...
关于jquery input textare 事件绑定及用法学习

关于jquery input textare 事件绑定及用法学习

(1)jquery 绑定事件 目前1.7以上,jquery的事件绑定已经用on替换了原来的bind; 区别:(个人理解)bind是一次绑定事件到每一个子节点;on是只绑定到父节点,然后冒泡到各个子节点; 用法:bind 一个事件,一个方法:$(".class input").bind("click",function(e){...;e.stopPropagation;}) 两个事件,一个方法:$(".class input").bind("click mo...
<< 621 622 623 624 625 626 627 628 629 630 >>