摘要:
一、前言碎碎念我从来对iframe就没有什么好感,对其基本上是不屑一顾。但是人在江湖,身不由己。经理发话,新功能使用iframe实现,没办法,只好折腾,两大烦人的东西,一是带遮罩的弹框提示,而是iframe高度问题。前一个烦人的问题使用其他形式的提示来规避,后一人扰人的问题确实没有什么经验,花了点时间折腾了下,基本上实现了效果,跨域没问题,兼容性也没问题,于是,写个小文备忘下,下次再使用的时候就到这儿拷贝核心代码。口碑UED有篇大米的“再谈iframe自适应高度”一文,可以看看,虽然貌似兼容性没有个调调。此文评论有个如下的链接地址:http://css-tricks.com/examples/ 阅读全文
摘要:
一、引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮。例如:其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮;人人网的返回顶部直接在底部的工具条上;新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果。本文的实现就是类似于新浪微博的这种效果。//zxx:新浪微博今天启用新域名weibo.com了二、jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo可以看到,如果页面有滚动高度,右下角就会有一个含有“返回顶部”字样的黑色背景半透明的小条条,如下图所示:点击这里“返回顶部”字样的按钮后,页 阅读全文
摘要:
先一起来看一下效果截图吧:弹出层适用性扩展性很强,可以放几乎任意的东西,页面,图片,flash,复杂的div层都可以,支持自动定时消失的功能,可以说是一款不可多得的弹出层js插件。效果演示页面(附打包下载)本文转自:http://www.zhangxinxu.com/wordpress/?p=70 阅读全文
摘要:
一、引言以下是新浪围脖对自己的评价:新浪微博是全中国最主流,最具人气,当前最火爆的微博产品。用一句话随意记录生活,用手机随时随地发微博。用秒杀电视的速度发现最热最火最快最酷最新的资讯。自从twitter反反复复上不去后,为了告别麻烦,我把自己的信息获取渠道转向了新浪微博。(注:微博 === 围脖)本文不是讲新浪微博产品的,纯粹的技术文章,用JavaScript上实现微博上一个不错的效果。当当当当,就是这个效果啦!见下图:这个效果描述为就是:当成功发布一条围脖信息后,这里的数字会放大且半透明显示,当放大到最大尺寸时,数值加1,然后,数字执行还原的动画,大小透明度均复原。您可以先狠狠地单击这里,高 阅读全文
摘要:
一、前面的唠叨jQuery库确实是个很强大,可以让人偷懒的东西。过去许多只有在flash中才可以看到的效果,现在只要几行js代码+jQuery库就可以轻松实现。本实例就展示如何利用jQuery的slideToggle实现效果上佳的垂直下拉菜单效果二、效果抢先下为本实例demo截图:您可以狠狠地点击这里:demo实例页面三、关于CSS下拉菜单分为两个部分,一个是单击区域,也就是默认可见区域,您可以使用图片或其他形式的元素。我比较懒,怕作图,所以本实例可见区域就用CSS写了一下。还有一个就是下拉列表区域了,一般而言,都是用无序列表ul li实现,当然,其实直接裸a标签(即<div>&l 阅读全文
摘要:
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1073一、前面的些说明关于之前版本的zxxbox jQuery弹出框插件,您可以狠狠地点击这里。当初写弹出框插件纯粹是学习的目的,另外就是临时应付个人站点上的一些弹框应用。所以写得比较简单,业余,并没有期望谁会去使用它。但是,后来,一些同行的留言以及相关的交流发现,还是有人使用此轻便,简洁的弹框效果的。但是,一方面由于自己之前的水平比较稚嫩,同时,对插件的逻辑没有很好的梳理。所以,之前版本的弹出框插件,虽然也能用,但是 阅读全文
摘要:
一、效果抢鲜展示此插件是我今天下午写的,为了直观地看到是个什么东东,先展示效果,您可以狠狠地点击这里:搜索页面文字jQuery插件Demo下图为Demo页面的两个测试截图 – 测试页面HTML代码取自豆瓣网帮助页面:下载您可以狠狠地点击这里:jquery.textSearch-1.0.js文件较小,功能简单,恕不打包~~二、功能简述从上图也应该看出来了,就是对HTML页面上的文字内容进行高亮标记,这个可以用在内容搜索上。纯粹的客户端程序,与后台一点瓜葛都没有。本文原地址:http://www.zhangxinxu.com/wordpress/?p=888,来自张鑫旭-鑫空间-鑫生活,访问原出处 阅读全文
摘要:
一、前言jQuery 下的boxy可以说是一个非常实用的插件,尤其在SNS社区型的大型网站上经常见到风格类似的效果,例如开心网,人人网,facebook网站。这个提示对话框插件应用非常广泛,吃透这个jQuery插件,在灵活运用Ajax技术的话,会使网站无论技术还是体验都会有很大的提升的。具体来讲此jQuery插件包括:提示、确认,拖拉、改变大小、Ajax数据加载等功能。目前,网上没有好的专门的中文讲解页面。都只是截个图,附加个官方页面的地址。对于新手而言,要通透官方的英文文档页面需要耗费很大的精力的。于是,我花了一天的时间,把官方的英文页面转换成了中文,并对插件进行了一些修改,包括JavaSc 阅读全文
摘要:
加载一个静态页面效果预览加载一个静态页面,这里可能无法测试出来,在服务器项目里可以看见效果图片效果预览用酷酷的浮动层显示图片显示flash效果预览用酷酷的浮动层显示flash自动隐藏效果预览层显示一段时间后自动隐藏,当作操作提示用是个很不错的选择本文转自: http://www.zhangxinxu.com/study/200908/jQuery-cool-pop-up-effect.html#zhangxinxu 阅读全文
摘要:
本文转自:http://www.zhangxinxu.com/wordpress/?p=1667一、这是什么样的一个插件我们都知道,默认状态下,我们右键web页面,会出现一个上下文菜单,例如下图:但是,浏览器默认的右键选项有时候并不是我们所需要的,我们希望浏览器的右键选项菜单更智能,可以灵活自定义。比较有代表性的就是web QQ,例如下面截图:QQ邮箱中也是有此功能。显然这种东西貌似还是蛮强大与实用的,于是我就抽空写了个可以右键自定义上下文菜单的jQuery插件 – smartMenu,直接一行代码绑定,就可以让我们轻松实现页面元素的自定义上下文功能。至于具体如何实用与绑定,就是本文的的主要内 阅读全文
摘要:
一、加载页面上元素默认rel加载HTML代码:默认rel加载JS代码:$("#trigger1").powerFloat();target参数加载HTML代码:target参数加载JS代码:$("#trigger2").powerFloat({ target: $("#targetBox") });target参数为选择器HTML代码:target参数为选择器JS代码:$("#trigger3").powerFloat({ target: ".target_box"});二、Ajax加载外部元素 阅读全文