页面布局技巧JavaScript

2025-11-21 00:13:55

1、jQuery pageSlide

  jQuery pageSlide 是一个jQuery插件,它可以控制一个隐藏页面的显示和关闭。具体来说,就是当前页占一个完整页面,隐藏页是看不到的,你设置一个控制的地方,点击该控制时触发事件,隐藏的页面就弹出来。再次点击隐藏页面以外的空间,它就又关闭。

  这适合在有限的空间里,在主页里放重要内容,而隐藏页放一些并不一定要显示,而是有需要的用户才去展开显示的内容。

页面布局技巧JavaScript

2、Creating a Slick Auto-Playing Featured Content Slider

  Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 ,实现我们常说的”图片焦点特效”。多用于门户站。

页面布局技巧JavaScript

3、事件源对象event.srcElement.tagNameevent.srcElement.type

捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture(); 

事件按键event.keyCodeevent.shiftKeyevent.altKeyevent.ctrlKey

事件返回值event.returnValue

鼠标位置event.xevent.y

窗体活动元素document.activeElement

绑定事件document.captureEvents(Event.KEYDOWN);

访问窗体元素document.all("txt").focus();document.all("txt").select();

窗体命令document.execCommand

窗体COOKIEdocument.cookie

菜单事件document.oncontextmenu

创建元素document.createElement_x("SPAN"); 

根据鼠标获得元素:document.elementFromPoint(event.x,event.y).tagName=="TDdocument.elementFromPoint(event.x,event.y).appendChild(ms) 

4、Sexy Lightbox 2

  Sexy Lightbox 2是一个精美的Lightbox克隆,不过它更小巧. 支持显示图片和HTML元素,并且完全兼容HTML, 也就是说它可以显示条目,页面,视频和所有其它你想要显示的东西。超大图片还可以自适应浏览器。需  要Mootools框架。

页面布局技巧JavaScript

5、jQuery 动画焦点图可自动播放图片

这是一款简单而实用的 jQuery 焦点图插件,焦点图不仅可以在播放图片的时候让图片有淡入淡出的动画效果,而且图片可以自动播放。该 jQuery 焦点图的每一张图片都可以设置文字描述,并浮动在图片之上。由于其简单的配置,这款 jQuery 焦点图可以很方便地与你的网站相结合。

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢