Welcome 微信登录

首页 / 脚本样式 / JavaScript

谈谈impress.js初步理解

谈谈impress.js初步理解

1、对impress.js认识 impress.js 采用 CSS3 与 JavaScript 语言完成的一个可供开发者使用的表现层框架(演示工具)。 现在普通开发者可以利用 impress.js 自己开发出类似效果的演示工具,但性能比基于 FLASH 的 Prezi 更优。其功能包括画布的无限旋转与缩放,任意角度放置任意大小的文字,CSS3 3D 效果支持等。同时,也支持传统 PowerPoint 形式的幻灯演示。 目前 impress.js 是基...
使用impress.js制作幻灯片

使用impress.js制作幻灯片

上周看到一个朋友做了很炫的缩放式幻灯片,可能因为对此知识了解的不多,找了好久才找到几个web幻灯片工具。通过筛选决定用Geek的 impress.js 。impress.js是一款新兴的幻灯工具,它的效果类似Prezi,但是拥有3D的功能,而且是在MIT&GPL协议下开源,对于有一定的Web开发基础的人而言,真是一个福音!只需要简单的用一些html指令,并加载impress.js就可以制作出一个很绚丽的缩放式幻灯。制作时首先你需要写一些head,这和普通的...
JS实现自动变换的菜单效果代码

JS实现自动变换的菜单效果代码

本文实例讲述了JS实现自动变换的菜单效果代码。分享给大家供大家参考。具体如下:这是一款自动变换的JS菜单,由原来的一款自动TAB修改而成的,有需要的就拿去,代码内有几个JS函数,分别用来控制TAB的自动切换。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-auto-cha-menu-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T...
js基于面向对象实现网页TAB选项卡菜单效果代码

js基于面向对象实现网页TAB选项卡菜单效果代码

本文实例讲述了js基于面向对象实现网页TAB选项卡菜单效果代码。分享给大家供大家参考。具体如下:这是一款自动的网页TAB,基于面向对象的选项卡菜单,由于时间关系只做了简单的实现,界面没有美化,不多做介绍了。先来看看运行效果截图:在线演示地址如下:http://demo.jb51.net/js/2015/js-mxdx-tab-cha-style-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
jQuery实现MSN中文网滑动Tab菜单效果代码

jQuery实现MSN中文网滑动Tab菜单效果代码

本文实例讲述了jQuery实现MSN中文网滑动Tab菜单效果代码。分享给大家供大家参考。具体如下:这是一款jQuery实现Msn中文网的滑动滑动门代码,利用jQuery实现的效果,代码很巧妙,就是利用一个绝对定位的层来实现移动效果,但是体验度大幅提升了。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/jquery-f-msn-tab-menu-style-codes/具体代码如下:<!DOCTYPE ht...
简单实现兼容各大浏览器的js复制内容到剪切板

简单实现兼容各大浏览器的js复制内容到剪切板

因为网站文章需要提供几个按钮,单击后实现复制文章内容到剪贴板。在网上搜索了很多内容,发现都比较乱这里自己整理下,分享给大家效果图如下:之前使用的是window.clipboardData.setData,只能支持IE和火狐。360浏览器、搜狗等浏览器,都泪崩。所以,研究了ZeroClipboard,尽量使用js代码写。使用前先引用三个东西(没有提供上传附件,这里就不提供下载地址了,很常见,大家自己找度娘吧):jquery-1.4.1.min.js Zero...
js实现3D图片逐张轮播幻灯片特效代码分享

js实现3D图片逐张轮播幻灯片特效代码分享

本文实例讲述了javascript实现3D图片逐张轮播幻灯片特效。分享给大家供大家参考。具体如下:这是一款基于javascript实现3D图片逐张轮播幻灯片特效代码,实现过程很简单。运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。为大家分享的js实现3D图片逐张轮播幻灯片特效代码如下<head><meta http-equiv...
js实现的动画导航菜单效果代码

js实现的动画导航菜单效果代码

本文实例讲述了js实现的动画导航菜单效果代码。分享给大家供大家参考。具体如下:这是一款简单的动画导航菜单效果,每个菜单项的下边有一个横线会随着鼠标的对应而自动滑动,指明当前菜单的位置。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-animate-nav-menu-style-codes/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
JS+CSS实现电子商务网站导航模板效果代码

JS+CSS实现电子商务网站导航模板效果代码

本文实例讲述了JS+CSS实现电子商务网站导航模板效果代码。分享给大家供大家参考。具体如下:这是一款JS+CSS实现的电子商务网站导航模板,二级导航菜单,超强美化,超强实用性,分享给大家。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-css-dzsw-wen-nav-style-codes/具体代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr...
原生JS实现仿淘宝网左侧商品分类菜单效果代码

原生JS实现仿淘宝网左侧商品分类菜单效果代码

本文实例讲述了原生JS实现仿淘宝网左侧商品分类菜单效果代码。分享给大家供大家参考。具体如下:这是一款原生JS实现的仿淘宝网左侧商品分类菜单效果代码,JavaScript技术实现,兼容各主流浏览器。自己再修改一下CSS菜单,它会变得更漂亮。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-f-taobao-pro-menu-style-codes/具体代码如下:<!DOCTYPE html><...
JS+CSS实现大气的黑色首页导航菜单效果代码

JS+CSS实现大气的黑色首页导航菜单效果代码

本文实例讲述了JS+CSS实现大气的黑色首页导航菜单效果代码。分享给大家供大家参考。具体如下:这是一款JS+CSS实现的大气的重色+红色高强对比的菜单,可用作首页导航菜单,从设计的角度来讲,挺专业,从实用角度来讲,应用广泛,是款人见人爱的经典风格菜单,超不错的一个作品。运行效果截图如下:在线演示地址如下:http://demo.jb51.net/js/2015/js-css-black-style-nav-menu-codes/具体代码如下:<!DO...
jQuery超精致图片轮播幻灯片特效代码分享

jQuery超精致图片轮播幻灯片特效代码分享

本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下:这是一款基于jQuery实现超精致图片轮播幻灯片特效代码,实现过程很简单。运行效果图: -------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。(1)在head区域引入CSS样式:<link href="styles/97zzw.css" rel="stylesheet" t...
js图片卷帘门导航菜单特效代码分享

js图片卷帘门导航菜单特效代码分享

本文实例讲述了jQuery超精致图片轮播幻灯片特效。分享给大家供大家参考。具体如下:这是一款基于js实现图片卷帘门导航菜单特效代码,与以往的导航菜单相比,更具有创新性,不止是简单的向用户展示信息,而是更加丰富网站的整体内容。运行效果图:-------------------查看效果 下载源码-------------------小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式。在head区域引入CSS样式:<link href="css/sty...
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法

在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法

easyUI是jquery的一个插件,是民间的插件。easyUI使用起来很方便,里面有网页制作的最重要的三大方块:javascript代码、html代码和Css样式。我们在导入easyUI库后,可以直接复制粘贴里面的代码,从而简单轻便地初步设置网页。首先导入easyUI函数库:<link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"><li...
<< 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 >>