菜单

jQuery基础find()方法及children方法的区别

jQuery基础find()方法及children方法的区别

children及find方法都用是用来获得element的子elements的,两者都不会返回 text node,就像大多数的jQuery方法一样。 children方法获得的仅仅是元素一下级的子元素,即:immediate children。 find方法获得所有下级元素,即:descendants of these elements in the DOM tree children方法的参数selector 是可选的(optionally),用来过滤子元素,但find方法的参数selector方法是必选的。 find方法事实上可以通...

加入收藏javascript代码

javascript代码: <script language="javascript"> function AddFavorite(sURL, sTitle){ try { window.external.addFavorite(sURL, sTitle); }catch (e){ try { window.sidebar.addPanel(sTitle, sURL, ""); }catch (e){ alert("加入收藏失败,请使用Ctrl+D进行添加"); } } } </script> HTML代码:...

网站文章历史浏览记录

加上一个文章浏览记录区域,用户在这里找到最近他在这个网站看过的几个文章,通过这个功能可以挽留一下读者,比如: 某人经常通过搜索引擎进来网站,可能发现以前在这里也看过一些文章,比较合他口味,久而久之就能发展成常客。 实现原理 这个功能实现非常简单,平白一点来说就是找个地方将页面一些信息保存起来,如果页面两次被访问,新的内容覆盖掉旧的内容;在页面加载的时候,将保存的信息取出显示。 实现方法也很多,最土的是将内容保存在 cookie 中,但用 cookie 储存数据存在一些问题. 比如: cookie 是随 HTTP 响应一起被发送的, 会对服务器端响...

文章列表无限分页效果jquery插件

插件下载:http://pan.baidu.com/s/1o6t0v7W 引入jquery.js和插件后,JS代码: $(document).ready(function(){ $('#icontent').infinitescroll({ //#indexpost 是包括所有文章的div元素id navSelector : "#navigation", // 页面分页元素(成功后隐藏) nextSelector : "#navigation a", // 需要点击的下一页链接 itemSelector : "#icontent div.post" ...

常用的CSS框架

Twitter Bootstrap 简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。Bootstrap 中文 NEC : 更好的CSS样式解决方案 读规范,让你的代码更具智慧和美丽的方法用框架,选择一份合适的HTML和CSS基础代码找代码,在这里找到她,或给你启发,或她就是你的装插件,帮助你快速有效的使用代码库 Nice Easy Javascript NEJ 是由网易前端组工程师们发起创建的简洁,美观,真正的跨平台web前端开发框架;她遵循的原则是 自由定制、小巧灵活、简洁易用、愉悦编码、快乐开发。 CSS...

jQuery实现鼠标悬浮图片遮罩效果

完整代码: <!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="text/html; charset=gb2312" /> <title>资...

div+css让图片垂直居中方法技巧

在网页设计过程中,有时候会希望图片垂直居中的情况。而且,需要垂直居中的图片的高度也不确定,这就会给页面的布局带来一定的挑战。下面总结了一下,曾经使用过的几种方法来使图片垂直居中,除了第一种方法只限于标准浏览器外,另外两种方法的兼容性还不错。 方法一 将外部容器的显示模式设置成display:table,这个设置的意思不用多说了吧… img标签外部再嵌套一个span标签,并设置span的显示模式为display:table-cell,这样span内部的内容就相当于表格,可以很 方便的使用vertical-align属性来对齐其中的内容了。 <h...

jQuery随滚动条滑动固定的效果代码及插件汇总

jQuery随滚动条滑动固定的效果代码及插件汇总

前面有介绍几种随滚动条固定滚动的jquery代码: jQuery判断div随滚动条滚动到一定位置后停止 兼容IE6浏览器的jQuery实现边栏随滚动条固定 jQuery实现页面滚动时层智能浮动定位(随滚动条滚动) 下面再介绍几种,实现的效果大同小异,只是代码有些差异,可以用来参考学习: 效果一: jQuery代码: //侧栏跟随 (function() { var oDiv = document.getElementById("float"); var H = 0, iE...

jQuery实现页面滚动时层智能浮动定位(随滚动条滚动)

应用展示 关于层的智能浮动效果早在几年前我就在国外的一些个人网站的垂直导航上见到了,现在似乎在国内一些商业网站上也屡见此效果,例如淘宝网的搜索结果页的排序水平条,在默认状态下,滚动条跟随页面滚动,如下: 随着页面向下滚动,当此水平条接触浏览器的上边缘时,水平条独立出来,不跟随滚动条滚动了,类似的效果在新浪微博上也有,当页面滚动,新动态提示开始要淡出浏览器窗口的时候,其浮动于浏览器窗口的最上沿显示,此效果实现原理其实很简单,本文就将展示其实现。 实现原理 默认状态就是默认状态,什么事情也不用做,定位是absolute也好,static也好,都ok...

HTML-embed标签及其属性详细介绍

(一)、基本语法: embed src=url 说明:embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等,Netscape及新版的IE 都支持。url为音频或视频文件及其路径,可以是相对路径或绝对路径。 示例: <embed src="your.mid"> (二)、属性设置: 1、自动播放: 语法:autostart=true、false 说明:该属性规定音频或视频文件是否在下载完之后就自动播放。 true:音乐文件在下载完之后自动播放; ...

jQuery实现页面滚动时元素智能定位

jQuery实现页面滚动时元素智能定位

在淘宝商品详情页面上,当我们下拉滚动页面时,用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部,方便我们切换导航,以淘宝网商品详情的简易导航为例,分享通过jQuery和CSS实现页面元素(要浮动的层)智能定位的效果。 实现过程 Js侦听滚动事件,当页面滚动的距离(页面滚动的高度)超出了对象(要滚动的层)距离页面顶部的高度,即要滚动的层到达了浏览器窗口上边缘时,立即 将对象定位属性position值改成fixed(固定)。同时为了有个好点的体验效果,可以将对象的样式设置阴影效果以便更好的区分浮动层与页面内容主体。 ...