jQuery
文章平均质量分 61
iziminy
Up Up Up ...!
展开
-
全屏切换
.mask_pic{ left:0; position:absolute; top:0; text-align:center; display:none; z-index:999998; background:#fff;}function showMask_pic() { var bh原创 2013-11-09 14:10:26 · 765 阅读 · 0 评论 -
js-jQuery对象与dom对象相互转换
核心提 示:jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,一般情况下,如S(’#id’)得 到的是jquery对象,它不能使用js中的dom方法。所以,如果jquery对象要使用标准的dom方法,就需要进行对象转换。刚开始学习jQuery,可能一时会分不清楚哪些是jQuery对象原创 2014-01-23 20:41:11 · 523 阅读 · 0 评论 -
jquery实现鼠标点击区域外消失
1 2 3 4 5 box - mming 6 7 8 9 10 .box {width:100px; height:100px; background:#f00;}11 12 13 14 15 $(function() {16 $(document).click(function() {17 $原创 2014-01-23 20:41:01 · 1656 阅读 · 0 评论 -
jquery在线引用地址
(google提供)(微软提供)原创 2014-01-23 20:41:09 · 639 阅读 · 0 评论 -
开源jQuery插件推荐,帮你快速构建单页网站
单一页面网站(单一页面网站设计)是现代网站设计的主要趋势之一。单一页面网站布局将导航、设计元素减为最少,专注于访问者所关心的网站内容。此 外,它还显著提高了网站的效率,允许你将核心内容放在最显眼位置。因为脚本技术(如Ajax和jQuery)已十分稳定、成熟且广泛应用,单一页面网站的 开发已变得十分简单。本文将列举一些此类的工具与插件,你可以利用它们开发出漂亮的单一页面网站。jQuery S原创 2014-01-23 20:40:46 · 811 阅读 · 0 评论 -
jquery控制左右箭头滚动图片列表的实例
1 DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 html xmlns="http://www.w3.org/1999/xhtml"> 3 head> 4 meta http-equi原创 2014-01-23 20:41:07 · 1903 阅读 · 0 评论 -
js公告轮播代码
//首页公告var $announcement = $('#announcement ul'); var cheight = parseInt($('#announcement').css('line-height').split('p')[0]); var announcementLength = $announcement.find('li').length; var nowtop,原创 2014-02-13 17:05:44 · 5174 阅读 · 0 评论 -
一招解决!!!解决ECSHOP中transport.js和jquery的冲突
在page_header.lbi文件的最后面添加下面的代码即可,经IETester测试后,ie6及以上都可行。{insert_scripts files='niuzai/jquery-1.8.3.js'}$(function() {window.__Object_toJSONString = Object.prototype.toJSONString;delete Object转载 2014-04-01 13:50:53 · 1415 阅读 · 0 评论 -
使用SuperSlide制作首页轮播图
SuperSlide 可以解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新无标题文档* { list-style: none outside none; margin: 0; padding: 0;}body { background: none repeat scroll 0 0 #FFFFFF; font: 12px原创 2014-03-25 13:21:50 · 5303 阅读 · 0 评论 -
mouseover事件与mouseenter事件
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件 ..这话怎么理解呢?对于mouseover 时间来说 当鼠标从其他元素 移动到 child节点时发生 但此事件会冒泡 所以会导致 parent 也出发mouseover如果我们对 parent注册了 mouseover监听. 则可能会产生一个什么问题呢? 从原创 2014-04-21 14:57:04 · 1002 阅读 · 0 评论 -
ecshop中使用Jquery特效报错“b.replace is not a function”
将ecshop二次开发中,使用jQuery特效的时候结果运行始终提示js错误:TypeError: b.replace is not a function");try{for(;d1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.s原创 2014-03-26 11:57:55 · 5564 阅读 · 0 评论 -
Jquery出生日期控件
jQuery.noConflict(); jQuery(function ($) { var $birthYear = $('.gbiaps_birthday_year'); var year = new Date().getFullYear(); $('' + (yea转载 2013-12-07 14:01:28 · 1888 阅读 · 0 评论 -
同一个页面使用多个版本的jQuery
jQuery自诞生以来,版本越来越多,而且jQuery官网的新版本还在不断的更新和发布中,现已经达到了1.10.11版本,但是我们在以前的项目中就已经使用了旧版本的jQuery,比如已经出现的:1.3.X、1.4.X、1.5.X、1.6.2等等。由于项目的需要,必然也需要不断的使用较新版的jQuery,但对于原来就已经存在并已经采用了的旧jQuery版本,我们如何让多个不同的jQuery版原创 2014-07-21 17:48:09 · 660 阅读 · 0 评论 -
项目中一段js功能代码
$(function(){ //correctPNG(); var clearanceTimes = 4; var iCurrentPromotions = 0; var iListImgPage = 1; var iLiLength = $('#popup_box_good_bodyleftbodyUl li').length; var原创 2014-01-23 20:40:11 · 532 阅读 · 0 评论 -
jquery和其他库发生冲突的解决办法
当我们在同一个页面下导入多个库文件的时候可能会发生冲突以致于网页报错而不能运行。比如前段时间我就做一个网页特效的时候引入了jquery和觉其他的库,最后网页发送冲突报错运行不了,但我把jquery库文件删除后就能正常运行了。平时我们在写jquery代码的时候都习惯用$,例如: $(function(){ $("div").show() })如果没有用其他库这种写法是没问题的,如原创 2014-01-23 20:40:34 · 690 阅读 · 0 评论 -
jquery获取浏览器高度、宽度和滚动条高度
我们做前端的,经常需要获取浏览器的宽度和高度,还有滚动条的高度,今天整理出来,以后拿来直接用。Jquery代码: 1 alert($(window).height()); //浏览器时下窗口可视区域高度 2 alert($(document).height()); //浏览器时下窗口文档的高度 3 alert($(document.body).h原创 2014-01-23 20:40:36 · 529 阅读 · 0 评论 -
不入库的永久递增(封装)
无标题文档$(function (){ $reserve1 = $('#reserve1');$reserve2 = $('#reserve2');$reserve3 = $('#reserve3');$reserve4 = $('#reserve4');reserve(8,1037765,$reserve1,$reserve2,$reserve3,$原创 2013-12-27 14:02:47 · 511 阅读 · 0 评论 -
不入库的永久递增
//预定人数start /*var initialNO = 289; var currentNO = 96373000;//1分20077599 var timestamp = 0; var reserveTimer;*/ var $reserveNO1 = $('#reserveNO1'); var $reserveNO2 = $('#reserveNO2'); var $rese原创 2013-12-24 08:42:29 · 554 阅读 · 0 评论 -
jQuery代码优化:事件委托篇
随着DOM结构的复杂化和Ajax等动态脚本技术的运用,事件委托自然浮出了水面。jQuery为绑定和委托事件提供了.bind()、.live()和.delegate()方法。本文在讨论这几个方法内部实现的基础上,展示它们的优劣势及适用场合。事件委托事件委托的事例在现实当中比比皆是。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为转载 2013-11-25 17:32:18 · 456 阅读 · 0 评论 -
用jquery mobile实现手机上的文字或者图片可以左右滑动?
首先左右滑动如何实现:比如这个块区域是那么对该div进行监听触摸屏事件:var x_m_d =null;var x_m_u = null;var m_d=false;document.getElementById("move").addEventListener('touchstart',m_down, false);document.getElementById(原创 2013-11-09 10:54:59 · 2509 阅读 · 0 评论 -
jQuery Mobile笔记二
不断学习中,内容会根据进度不断补充和调整,内容来自书籍,网络和本人实践,如有错误欢迎指正!6、按钮6.1 链接按钮(1)默认按钮,填充其外层容器的整个宽度 data-role="button">Button(2)紧凑按钮,宽度与内部的文本和图标的宽度相同data-role="button" data-inline="true">Button6.2 表单按钮Bu转载 2013-10-09 14:30:18 · 769 阅读 · 0 评论 -
练习
// JavaScript Document/* 2013-11-1 *//**Author:pangzimin*qq:26983075*/var i = 0;function utab(value){ var sDisplay = $('#ucate ul').eq(value).css('display'); if(sDisplay == 'none'){ $('#u原创 2013-11-21 17:44:59 · 1194 阅读 · 0 评论 -
jQuery Mobile笔记三
不断学习中,内容会根据进度不断补充和调整,内容来自书籍,网络和本人实践,如有错误欢迎指正!8、列表8.1 列表基础(1) 标签定义列表项目。 标签定义有序列表。 标签定义无序列表。 标签可用在有序列表 () 和无序列表 () 中。 (2)为列表元素添加data-role="listview"属性后,jQuery Mobile将本地HTML列表增强为移动视图,默认占据整个屏转载 2013-10-09 14:31:49 · 714 阅读 · 0 评论 -
jQuery Mobile笔记一
1、模板结构1.1 jQuery Mobile单页模板 Page Template //user-scalable=no 禁用缩放--> //自定义脚本位置 Page Header 你好 //注意:html文件的编码格式要为utf-8,否则有中文会乱码data-position="fixe转载 2013-10-09 14:29:06 · 871 阅读 · 0 评论 -
jquery 图片左右翻页
zimin*{ font-size:12px;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing原创 2014-01-20 09:17:34 · 1914 阅读 · 0 评论 -
编写更好的jQuery代码的建议
讨论jQuery和javascript性能的文章并不罕见。然而,本文我计划总结一些速度方面的技巧和我本人的一些建议,来提升你的jQuery和javascript代码。好的代码会带来速度的提升。快速渲染和响应意味着更好的用户体验。首先,在脑子里牢牢记住jQuery就是javascript。这意味着我们应该采取相同的编码惯例,风格指南和最佳实践。首先,如果你是一个javascript新手,我建转载 2013-12-16 18:47:45 · 395 阅读 · 0 评论 -
jquery倒计时
倒计时测试 function lxfEndtime(){ $(".lxftime").each(function(){ var lxfday=$(this).attr("lxfday");//用来判断是否显示天数的变量 var endtime = new Date($(this).attr("e转载 2013-12-05 11:18:33 · 529 阅读 · 0 评论 -
分享35个令人惊叹的jQuery教程
jQuery应用日益广泛,学习的人也越来越多,在这里为大家推荐35个令人惊叹的jQuery教程。Make an Animated Alphabet using Keypress Events in jQueryLights Out – Dimming/Covering Background Content with jQueryLATERAL ON-SCROLL SLIDING原创 2014-01-23 20:40:55 · 651 阅读 · 0 评论 -
Nicescroll滚动条插件
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:1原创 2017-12-01 14:16:45 · 414 阅读 · 0 评论