JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Jquery实现页面加载时弹出对话框代码

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript" src="jquery-1.4.2.js"></script> //下载 <script type="text/javascript"> $（document）.ready（function（）{ alert（"您好，欢迎来到Jquery！"）; }） </script> 将以上代码置于head标签中即可。...

JS实现div内部的文字或图片自动循环滚动代码

2016年07月27日 6 阅读

复制代码代码如下: <style type="text/css"> .content{width:500px;height:300px;position:absolute;left:200px;top:100px;border:solid 2px red;padding:10px;overflow:hidden} dl{width:400px;height:30px;border:1px solid black;} </style>...

兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码

2016年07月27日 5 阅读

html里的marqueen也能实现内容的滚动，但滚动是间断的，在滚动一个周期中，会有一段空白出现。如果滚动的区域比较大，空间的出现，会让页面看起来很不美观。运用JavaScript可以使这一问题得到改观，实现无间断的滚动。上下循环滚动代码：复制代码代码如下: <div id="demo" onmouseover="clearInterval（inter）" onmouseout="inter=setInterval（qswhMarquee,3...

使用jQuery实现的网页版的个人简历（可换肤）

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> ...

使用jQuery同时控制四张图片的伸缩实现代码

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> ...

jQuery使用一个按钮控制图片的伸缩实现思路

2016年07月27日 8 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> ...

javascript中onclick（this）用法介绍

2016年07月27日 5 阅读

this指触发事件的对象复制代码代码如下: <input id="myinput" type="text" value="javascript中onclick中的this" onclick="javascript:test（this）;"/> 复制代码代码如下: function test（obj）{ alert（obj）; //[object HTMLInputElement] alert（obj.id）; //myinput ale...

A标签中通过href和onclick传递的this对象实现思路

2016年07月27日 6 阅读

在blog的后台管理中允许为一个分类添加一个地址，但是不好添加onclick事件。想传递当前对象给一个函数，于是就将这个URL写成"Javascript:shoControlSidebar（this）"，可是结果发现这并不可行，传递过去的参数是一个对象，但是却得不到任何其他信息。我想得到的是innerText，而这个this并非指向它所在的A标签。这是<a href="Javascript:shoControlSidebar（this）">和...

对jQuery的事件绑定的一些思考（补充）

2016年07月27日 5 阅读

首先我们看下面的一个很常见的事件绑定代码：复制代码代码如下: //example $（"#dom"）.click（function（e）{ //do something }）; $（"#dom2"）.click（function（e）{ //do something }）; 这段代码在事件绑定处理上有一些缺陷：过多的事件绑定会损耗内存后期生成HTML会没有事件绑定，需要重新绑定语法过于繁杂解决方案对于1、2两点的解决方案，我们首先先了解一下...

放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

2016年07月27日 6 阅读

在Ajax横道的今天，我们在页面交互上有了更高的要求，动态生成HTML毫无疑问是其中的一种。动态生成HTML的方式多种多样，其核心不外乎在前段（JS）或者后端（C#/PHP…）将数据组装成我们想要的模版，最终通过一定的方法输出给用户（innerHTML、documentWrite等方式）。缺点 1）拼接字符串的过程容易出错，常常忘了"/”>等匹配的符号。 2）修改前台模版的同时容易遗忘同步更改动态生成的模版。 3）拼接字符串不直观和美观，不利于查找...

用表格输出1-1000之间的数字实现代码（附特效）

2016年07月27日 5 阅读

复制代码代码如下: <html> <head> <title> </title> <script> var cc= null; function show（obj） { cc=obj.style.backgroundColor; obj.style.backgroundColor="Red"; } function disshow（obj） { obj.style.backgroundColor...

Jquery submit（）无法提交问题

2016年07月27日 5 阅读

复制代码代码如下: <form action="register.php" method="post"> <div class="loginform_row"> <label>用户名:</label> <input type="text" class="loginform_input" id="name" name="name" /><div id="nameerror"></...

JQuery操作Select的Options的Bug（IE8兼容性视图模式）

2016年07月27日 6 阅读

Bug现场：通过开发人员工具查看，下拉列表框是有Options的，但你点击选择的时候却什么也不显示。重现步骤：该问题发生在级联下拉框的情况，第一个列表改变，第二个列表的值跟着改变！本例中使用以下方法绑定数据：复制代码代码如下: //绑定下拉框 //ctnSelector:下拉框ID，带#号, //jsonData:JSON数据, //txtField:文本字段名称, //valField:值字段名称, //strOptions:默认填加的项 f...

jQuery登陆判断简单实现代码

2016年07月27日 6 阅读

复制代码代码如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $（"#txtUserName"）.focus（function （） { $（"#txtUserName"）.val（""）; }） $（"#txtPassWord"）.focus（function （） { $（"#txtPassWord"）.val（"...

jQuery弹出（alert）select选择的值

2016年07月27日 5 阅读

复制代码代码如下: <script src="jquery-1.9.1.js"></script> <script type="text/javascript"> $（function （） { $（"#btn"）.click（function （） { alert（$（"#s option:selected"）.val（））; }） }） </script> </head> <body&...

jquery 动态创建元素的方式介绍及应用

2016年07月27日 5 阅读

一般动态创建元素可以通过两种方式 1、Dom HTml 复制代码代码如下: var select = document.createElement（"select"）; select.options[0] = new Option（"加载项1", "value1"）; select.options[1] = new Option（"加载项2", "value2"）; select.size = "2"; testDiv.appendChild（selec...

jquery 元素控制（追加元素/追加内容）介绍及应用

2016年07月27日 5 阅读

一、在元素内部/外部追加元素 append,prepend:添加到子元素 before，after：作为兄弟元素添加 html：复制代码代码如下: <div id="content"> <p>在我的后面追加一条新闻</p> </div> Javascript: 复制代码代码如下: <script type="text/javascript"> jQuery（function（）{ //在元...

jQuery模拟超链接点击效果代码

2016年07月27日 5 阅读

复制代码代码如下: <style type="text/css"> .divFrame { width:260px;border:1px solid #666;font-size:10pt; } .divTitle { background-color:#eee;padding:5px; } .divContent { padding:5px;display:none; } .divCurrColor { background-color:r...

jQuery隔行变色与普通JS写法的对比

2016年07月27日 5 阅读

复制代码代码如下: <style type="text/css"> body { font-size:12px;text-align:center; } #tbStu { width:260px;border:1px solid #666;background-color:#eee; } #tbStu tr { line-height:23px; } #tbStu tr th { background-color:#ccc;color:#ff...

jQuery获取注册信息并提示实现代码

2016年07月27日 5 阅读

复制代码代码如下: <script type="text/javascript"> $（function （） { $（"#btnSubmit"）.click（function （） { var txtName = $（"#txtName"）.val（）; var gender = $（"#gender"）.is（":checked"）？ "男" : "女"; var isMarry = $（"#isMarry"）.is（":checked...

首页 / 脚本样式 / JavaScript

Jquery实现页面加载时弹出对话框代码

JS实现div内部的文字或图片自动循环滚动代码

兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码

使用jQuery实现的网页版的个人简历（可换肤）

使用jQuery同时控制四张图片的伸缩实现代码

jQuery使用一个按钮控制图片的伸缩实现思路

javascript中onclick（this）用法介绍

A标签中通过href和onclick传递的this对象实现思路

对jQuery的事件绑定的一些思考（补充）

放弃用你的InnerHTML来输出HTML吧 jQuery Tmpl不详细讲解

用表格输出1-1000之间的数字实现代码（附特效）

Jquery submit（）无法提交问题

JQuery操作Select的Options的Bug（IE8兼容性视图模式）

jQuery登陆判断简单实现代码

jQuery弹出（alert）select选择的值

jquery 动态创建元素的方式介绍及应用

jquery 元素控制（追加元素/追加内容）介绍及应用

jQuery模拟超链接点击效果代码

jQuery隔行变色与普通JS写法的对比

jQuery获取注册信息并提示实现代码