广西房地产网站建设,三只松鼠的网站建设,微信小程序注册后怎么使用,公共图书馆门户网站建设总结交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计#xff0c;能使用户更好的理解内容。 不管你想要介绍的是什么样的内容#xff0c;你都可以以更加互动和更加适应的方式去呈现现它。本文里面#xff0c;我们为你收集整理了11种高超的JavaScipt…交付信息结构是一个交互式用户界面所需要完成的首要任务。更直观的布局结构设计能使用户更好的理解内容。 不管你想要介绍的是什么样的内容你都可以以更加互动和更加适应的方式去呈现现它。本文里面我们为你收集整理了11种高超的JavaScipt技术让你更好的控制内容的显示方式以便用于下一次的布局设计。 “页面滑动门”, “隐藏的内容”, “图片和内容滑动门”, “动画幻灯片”, “传送带”, “Tab内容选项卡” 结合各种拖拽、滑动、灯箱等特效这就是下面将为你呈现的。 1. jQuery pageSlide jQuery pageSlide 是一个jQuery插件它可以控制一个隐藏页面的显示和关闭。具体来说就是当前页占一个完整页面隐藏页是看不到的你设置一个控制的地方点击该控制时触发事件隐藏的页面就弹出来。再次点击隐藏页面以外的空间它就又关闭。 这适合在有限的空间里在主页里放重要内容而隐藏页放一些并不一定要显示而是有需要的用户才去展开显示的内容。当然我是这么简单举个例你爱怎么用又是另外一回事儿。 要查看DEMO你可以进入这个插件的主页点击“Click for a pageSlide demo.”这个链接。 2. Create a simple ul list with a nice slide-out effect for li elements 这个教程使用 MooTools slideOut() 实现一个简单的UL列表且为每个LI元素添加一个漂亮的点击隐藏特效。 3. Portfolio Layout Idea Using jQuery 非常漂亮的一个特效布局。由 Benjamin Sterling 创建的这个 portfolio layout 使用了jQuery的 easing plugin. 适合那些想用来展示个人作品集的用户。 它在页面两边显示带缩略的作品列表当你点击每个条目时会在中间部分以退场然后进场的特效呈现出该作品的全部内容。 查看DEMO 4. Creating a Slick Auto-Playing Featured Content Slider Niall Doherty的 Coda Slider 为许许多多的设计师带来了灵感. Chris Coyier 创建的这个Slick Auto-Playing Featured Content Slider 使用 Coda Slider插件 实现我们常说的”图片焦点特效”。多用于门户站。 查看DEMO 5. Easy Image or Content Slider 这个之前有过介绍非常平滑可设置项非常丰富的滑动门特效。详情看这里。 6. mooSlide mooSlide 是一个可以用来取代“lightbox” 模块的特效脚本它拥有许多有趣的功能选项比如它可以从上或从下面弹出它支持载入其它页面的内容等。 查看DEMO 7. jQuery.SerialScroll jQuery.SerialScroll 可以让任何元素实现漂亮的动画移动效果。它使用 jQuery.ScrollTo 来实现移动特效。具体还是看DEMO吧我也描述的不是很清楚。 查看DEMO 8. Agile Carousel Agile Carousel 之前也介绍过。看这里。 9. Animated JavaScript Slideshow 这个轻量级的JavaScript动画幻灯片脚本 包含一系列很酷的功能来样式化你的内容: 描述支持链接支持没有命名限制肖像图片支持缩略图状态等等。 查看DEMO 10. Sexy Lightbox 2 Sexy Lightbox 2是一个精美的Lightbox克隆不过它更小巧. 支持显示图片和HTML元素并且完全兼容HTML, 也就是说它可以显示条目页面视频和所有其它你想要显示的东西。超大图片还可以自适应浏览器。需要Mootools框架。 查看DEMO 11. UI.Layout 这个布局脚本的灵感来自于 extJS border-layout. 它可以创建任何你想要的UI外观-从简单的标题到侧边栏到一个应用程序的工具栏菜单帮助面板状态栏提并表单等等。 英文译文: 10 Smart Javascript Techniques For Manipulating Content /Noupe 中文翻译: 11种控制内容展示的JavaScript特效和技巧/帕兰映像 转载于:https://www.cnblogs.com/CB/archive/2009/02/05/1384269.html
