![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 63
zlpx1983
这个作者很懒,什么都没留下…
展开
-
在JQuery 中用fadeToggle()设置动画的持续时间
的例子展示了,你如何利用fadeToggle()设置渐变动画的持续时间。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"&...2011-10-23 16:02:02 · 1051 阅读 · 0 评论 -
用JQuery改变HTML中Element的text颜色
下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的颜色。用JQuery 和 CSS()方法 。 <!DOCTYPE html><html><head></head><body> <p id="debug">The quick brown fox g2011-11-01 21:29:47 · 352 阅读 · 0 评论 -
将javascript对象转换为JSON字符串
下面的例子展示了你可以转换一个JavaScript对象成为JSON兼容的的字符串。使用JavaScript的静态的方法JSON.stringify()。<!DOCTYPE html><html><head> <title>Converting a JavaScript object to a JSON string&l...2012-04-24 12:51:22 · 144 阅读 · 0 评论 -
HTML5中用AJAX动态加载JSON文件
下面的例子展示了你如何动态加载和解析一个外部的JSON对象,使用了AJAX和HTML5的JSON.parse()方法。 <!DOCTYPE HTML><html><head> <title>Simple AJAX .JSON load example</title></head><...2011-11-08 14:20:46 · 773 阅读 · 0 评论 -
使用AJAX和XMLHttpRequest动态加载内容
下面的例子展示了你如何动态load内容。使用AJAX和XMLHttpRequest object.<!DOCTYPE html><html><head> <title>Dynamically loading content using AJAX and XMLHttpRequest</title> <s...原创 2012-06-03 19:49:05 · 214 阅读 · 0 评论 -
在HTML列表上动态改变列表位置风格
下面的例子展示了你如何在list上动态改变list-style-type。<!DOCTYPE HTML><html><head> <title>Changing the bullet type on an HTML list</title> <style type="text/css"&原创 2012-06-12 23:04:32 · 341 阅读 · 0 评论 -
在JS中利用arrays 排序
下面的一组例子展示了你如何在JS中利用arrays排序 <!DOCTYPE HTML><html><head> <title>Sorting arrays using JavaScript</title></head><body> <div id="原创 2012-06-12 23:16:58 · 102 阅读 · 0 评论 -
用Javascript反转HTML密码框中的内容
下面的例子展示了你如何用JavaScript反转HTML密码框中的内容。 <!DOCTYPE HTML><html><head> <title>Revealing an HTML password input field using JavaScript</title></head>&l...原创 2012-06-14 21:55:19 · 92 阅读 · 0 评论 -
用Javascript从一个array中删除重复的元素
下面的例子展示了你如何使用在javascript中使用forEach()和indexOf()的Array的方法从一个Array中删除重复的元素。 <!DOCTYPE html><html><head> <title>Removing duplicate elements from an array using Java...原创 2012-06-14 22:12:25 · 96 阅读 · 0 评论 -
用JQuery设置HTML中Element的内容
下面的例子展示了如何在在HTML5中用JQuery设置HTML中Element的内容。用JQuery 和 html()方法 。<!DOCTYPE html><html><head></head><body> <p id="debug">The quick brown fox gets repl2011-10-27 13:23:25 · 440 阅读 · 0 评论 -
HTML5中使用geolocation API获取用户的位置
下面的例子展示了如何在在HTML5中通过geolocation API 获取用户的位置(经度,纬度)。 <!DOCTYPE html><html><head> <script type="text/javascript"> function body_onLoad() { i...2011-10-27 13:20:02 · 168 阅读 · 0 评论 -
用JQuery改变图片的透明度
下面的例子展示了你如何改变项目的透明度。当鼠标滑过<img>标签时,用hover()函数设置透明度样式。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqu...原创 2011-10-23 16:50:58 · 3538 阅读 · 0 评论 -
在HTML5中利用Canvas画图
下面的例子展示了如何利用Canvas画图。可以在FF和Chrome等浏览器下查看。 <!DOCTYPE html><html><head><title>Canvas Example</title><script type="text/javascript">function loa2011-10-23 17:52:48 · 145 阅读 · 0 评论 -
用 JQuery隐藏内容
下面的例子展示了,你如何用JQuery动态显示和隐藏一段内容。使用hide(), show()和toggle()函数。 <html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.j...2011-10-23 21:35:23 · 96 阅读 · 0 评论 -
HTML5内联编辑
下面的例子展示了使用div的内联编辑模式。 <html> <head> <title> Editable &lt;div&gt; Element </title> <script type="text/javascript"> fu2011-10-24 09:22:01 · 145 阅读 · 0 评论 -
用JQuery寻找页面所有的电子邮箱地址
下面的例子展示了如何使用JQuery找到所有的电子邮箱地址。 <!DOCTYPE html><html><head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">...原创 2011-10-24 13:22:05 · 336 阅读 · 0 评论 -
用CSS3设置mailto:像网页中使用css一样
下例显示了你可以怎样设计mailto:超链接的网页使用CSS属性选择器。 <!DOCTYPE html><html><head> <style type="text/css"> a[href^='mailto:'] { color: green; } ...原创 2011-10-24 13:31:01 · 411 阅读 · 0 评论 -
在JQuery中开始使用Progressbar UI小部件
下面的例子展示了如何在ProgressBar UI 小部件上通过JQuery设置value选项来设置它的value。 <!DOCTYPE html><html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquer...2011-10-26 12:22:22 · 98 阅读 · 0 评论 -
在JQuery监听Progressbar UI小部件的完成事件
下面的例子展示了如何在ProgressBar UI 小部件上监听完成事件。 <!DOCTYPE html><html><head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="sty...2011-10-27 12:57:47 · 208 阅读 · 0 评论 -
用HTML5的本地存储功能
下面的例子展示了在HTML5应用程序中你如何保存数据在客户端本地,使用localStorage属性。 <!DOCTYPE HTML><html><head> <title>Using local storage in HTML5</title></head><body onload="2012-03-09 18:43:14 · 108 阅读 · 0 评论