随笔分类 -  Jquery&组件

自己用jquery+css+div写的一个弹窗
摘要：弹窗支持两种模式，一种是普通信息提示框,调用方法：popup.msgPopup(msg);另一种是可以加载页面的弹窗，调用方法：popup.pagePopup(url);效果图：css代码.bg{background-color: #000;position: fixed;z-index: 9999... 阅读全文
posted @ 2015-02-09 10:16 paulhe 阅读(439) 评论(0) 推荐(1)
Jquery-ajax()方法提交json数据
摘要：1.ajax()提交json数据代码var strJson = getStrPayJson(); $.ajax({ type: "POST", url: "/usercenter/paycoupon", ... 阅读全文
posted @ 2014-12-18 09:40 paulhe 阅读(1217) 评论(0) 推荐(0)
jquery/js不支持ie9以下版本的方法或属性
摘要：1.jquery的trim()去除字符串两边的空格，在ie5~8中不支持此方法。若想替换字符串所有的空格看使用replace()正则替换： var date=" 2014-1 0- 15 "; date=date.replace(/\s/g,""); 其中\s表示空格，g代表全局，即这个字符串里的全... 阅读全文
posted @ 2014-10-15 16:02 paulhe 阅读(1594) 评论(0) 推荐(0)
jquery——write less,do more
摘要：rite less, do more.这句话想必是很多语言都提倡的。在此举三个jquery的应用体现一.绑定多个事件类型 $("div").bind("mouseover mouseout", function () { $(this).toggleClass("over"); ... 阅读全文
posted @ 2014-06-08 23:03 paulhe 阅读(505) 评论(0) 推荐(0)
认识事件冒泡和事件捕获
摘要：一.事件冒泡就是多个元素同时响应了同一个事件，前提是这些元素都绑定了这一个事件。这只是我的定义，感觉好理解些。称它为冒泡，是因为事件会按照DOM元素的层次结构依次执行，就像水泡一样不断浮向顶端。所以称之为事件冒泡。这个图便于理解,我用箭头来代替冒泡：二.事件捕获与事件冒泡触发顺序相反，事件捕获从外层... 阅读全文
posted @ 2014-05-11 12:59 paulhe 阅读(1040) 评论(0) 推荐(0)
artDialog组件应用学习（五）
摘要：一.artDialog事件应用对话框编写代码function DialogEvent() { seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus'], function ($, dialog) { var ... 阅读全文
posted @ 2014-04-15 18:17 paulhe 阅读(385) 评论(0) 推荐(0)
artDialog组件应用学习（四）
摘要：一.在对话框自定义操作按钮预览：html调用代码：var btnArray = [ { value: '同意', callback: function () { this.content('你同意了'); ... 阅读全文
posted @ 2014-04-14 13:04 paulhe 阅读(628) 评论(0) 推荐(0)
artDialog组件应用学习（三）
摘要：一.可以加载url的对话框预览：对话框编写代码//弹出一个对话框，加载页面function OpenBox(url, title, width, height) { seajs.use(['jquery', '/Scripts/arale/artDialog/src/dialog-plus']... 阅读全文
posted @ 2014-04-13 23:31 paulhe 阅读(708) 评论(0) 推荐(0)
artDialog组件应用学习（二）
摘要：一.没有操作选项的对话框预览：html前台引入代码：（之后各种效果对话框引入代码致，调用方法也一样，就不一一写入）提示框编写代码：//为了让对话框自动消失，自行定义的方法function DieOut(d, time) { setTimeout(function () { d.c... 阅读全文
posted @ 2014-04-12 22:17 paulhe 阅读(564) 评论(0) 推荐(0)
artDialog组件应用学习（一）
摘要：个人觉得artDialog是一组很不错的对话框组件。写的是artDialog_v6应用。官方称其兼容性测试通过：IE6~IE11、Chrome、Firefox、Safari、Opera。官网：http://aui.github.io/artDialog/一.artDialog特点：1.支持普通和气泡... 阅读全文
posted @ 2014-04-11 09:57 paulhe 阅读(1080) 评论(0) 推荐(0)
jquery的toggle()方法
摘要：toggle()语法结构：toggle(fn1,fn2,fn3,...,fnN);toggle()方法模拟鼠标连续点击事件，第一次点击元素，触发fn1;第二次点击元素，触发fn2;第N次点击元素，触发FnN.依次发生并重复。如下代码：点击id为test的div元素，依次会弹出a,b,c的对话框。一些鼠标点击元素切换效果的情况下可以使用toggle()方法。content$("#test").toggle( function (){ alert("a"); }, function (){ alert("b"); }, function 阅读全文
posted @ 2014-03-30 22:14 paulhe 阅读(479) 评论(0) 推荐(0)
乐蜂网SALES倒计时原码展示
摘要：这是一个基于jquey写的倒计时。当然代码有点小改动，只是改了一下展示效果。在静态页添加显示倒计时的容器，并引用下面脚本，代入时间参数即可使用。timeoutDate——到期时间，时间格式为2014/01/01或2014/1/1D——天H——小时M——分钟S——秒xs——数字0~9效果图：代码展示：html:jquery:$().ready(function () { CcountDown([, , timeoutDate], ['还有D天H时M分S秒xs到期', '', ''], '#top_tuan_countdown', f 阅读全文
posted @ 2014-03-12 23:35 paulhe 阅读(786) 评论(0) 推荐(0)
浅谈windows.onload()与$(document).ready()
摘要：浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用window.onload()方法。在jquery中，则使用$(document).ready()方法。下面介绍一下两者的区别。window.onload()$(document).ready()执行时机在页面所有元素（包括图片，引用文件）加载完后执行。页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完.如果想要网页所有内容（包括图片等）加载完毕，再注册事件，使用$(window).load(function);等价于window.onload()编写个 阅读全文
posted @ 2014-03-09 23:06 paulhe 阅读(1592) 评论(0) 推荐(0)

friendster counter