摘要：
案例研究 网站的超链接和图片提示1.超级链接提示效果浏览器已经自带了超级链接提示，只需要在超链接中加入title属性就可以了。HTML 代码如下:<a href="#" title="这是我的超链接提示1.">提示</a>然二这个提示效果的响应速度是非常缓慢的，考虑到良好的人机交互，需要的是鼠标移动到超级链接的那一瞬间出现提示，这时就需要移除<a>标签中的title提示效果，自己动手做一个类似功能的提示。首先在空白的页面上，添加两个普通超级链接和两个带有class的超级链接。<p><a href=&q 阅读全文
posted @ 2013-06-06 14:47
moyiqun
阅读(131)
评论(0)
推荐(0)
摘要：
jQuery 对表单，格的操作Text 操作<!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><meta http-equiv="Content-Type" content="t 阅读全文
posted @ 2013-06-06 14:46
moyiqun
阅读(143)
评论(0)
推荐(0)
摘要：
jQuery中的动画 一 show() 和hide()方法show()方法和hide()方法是jQuery中最基本的动画方。调用hide 会将元素的display样式改为"none"element.css("display","none"); //通过css方法隐藏元素。调用show()方法将元素的dispaly样式设置为先前的显示状态("block","inline"或其他除了"none"之外的值)。$("element").show();show()方 阅读全文
posted @ 2013-06-06 14:45
moyiqun
阅读(124)
评论(0)
推荐(0)
摘要：
DOM操作的分类DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XMLjavascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些都是Dom Core的组成部分。使用DOM Core来获取表单对象的方法document.getElementByTagName("from");使用DOM Core来获取某元素的src属性的方法：eleme 阅读全文
posted @ 2013-06-06 14:44
moyiqun
阅读(118)
评论(0)
推荐(0)
摘要：
案例研究 1. 用户进入该页面时，品牌列表默认是精简显示的(即不完整的品牌列表)。2. 用户可以单击商品列表下方的"显示全部品牌"按钮来显示全部的品牌。单击"显示全部品牌"按钮的同时，列表会将推荐的品牌的名字高亮显示，按钮里德文字也换成了"精简显示品牌"。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" 阅读全文
posted @ 2013-06-06 14:40
moyiqun
阅读(273)
评论(0)
推荐(0)
摘要：
jQuery 改写 javascript代码 例子1：给网页中所有的<p>元素添加onclick事件。例子2：使用一个特定的表格隔行变色。例子3 对多选框进行操作，输出选中的多选框个数。使用jQuery选择器重写例子$("p").click(function(){ //doing something!})<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition 阅读全文
posted @ 2013-06-06 14:38
moyiqun
阅读(158)
评论(0)
推荐(0)
摘要：
jQuery 选择器例子1：给网页中所有的<p> 元素添加onclick事件。<p>china</p><p>english</p>(1) 获取所有的<p> 元素。(2) 对<p> 元素进行循环(因为获取的是数组对象)。(3) 给每一个<P>元素添加行为事件。javascript 代码如下:var items = document.getElementByTagName("p"); //获取网页中所有的P元素for(var i=0;i<items.length;i++){ / 阅读全文
posted @ 2013-06-06 14:36
moyiqun
阅读(166)
评论(0)
推荐(0)
摘要：
jquery 学习之代码风格对于同一个对象的较多操作，建议每行写一个操作，代码如下：$(this).removeClass().addClass().stop().fadeTo("fast",0.6).fadeTo("fast",1).unbind("click").click(function(){// do something!});对于上面的代码，如果嫌代码行数过多，可以以功能块来进换行。上段代码中，前两个是对class 的操作，接下来3 事动画操作，最后是取消并重新绑定click的事件的处理函数的操作，所以可以写成如下格式的代 阅读全文
posted @ 2013-06-06 14:34
moyiqun
阅读(157)
评论(0)
推荐(0)
摘要：
1.等待dom元素加载完毕. <script type="text/javascript">//传统写法window.onload= function(){alert("test1");}//jquery写法$(document).ready(function(){$("#one").html("book");});//jqeury简写 $(function(){//})</script>2.jquery 对象和dom 对象<!DOCTYPE html PUBLIC "-// 阅读全文
posted @ 2013-06-06 14:33
moyiqun
阅读(106)
评论(0)
推荐(0)
浙公网安备 33010602011771号