jquery实现投票占比特效,具体代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jquery实现投票占比特效</title> <style type="text/css"> #ProgressBarBox{vertical-align: middle;} #ProgressBarBox div {float:left;} #processBar{width:6px;height:10px; background-color: #FFFFFF;} #processBar div{height:100%;} #barOk{float:l......
css实现字体特效,具体实例看本站的文章留言框上方。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #colorFont { background-image: linear-gradient(to right, red, orange, yellow, green, blue, yellow, orange, red, orange, yellow, green, yellow, orange, red); -webkit-text-fill-color: transparent; -webk......
如何在网页进入和离开时以特效如百叶窗,卷帘等效果显示呢? 其实很简单,只要在网页的<head></head>标签之间加一个特别的<meta/>就好了,具体如下: <meta http-equiv="listnew-Enter" content="revealTrans(Duration=2.0,Transition=0)" /> http-equiv="listnew-Enter":此属性设置特效发生的时期,具体值有: Page_Enter : 进入页面时期 listnew-Exit : 离开页面时期 Site-Enter : 进入网站时期 Site-Exit : 离开网站时期......
分享一个网站两边对联广告效果(兼容IE firefox等各浏览器),本效果特点如下: jquery实现,相对于网上流传的一些对联效果,本效果代码简练易懂,仅8行但兼容各浏览器,可按照自己的需求随意更改。 具体效果如下图,另外下面提供有下载地址 下载地址
经常看到QQ群里的朋友们在问哪里有好的右下角弹出广告效果,下面作者就将自己经常用的一个右下角弹出广告特效与大家分享一下,通过js代码实现的,没有引用jquery文件。 这个效果可以实现弹出广告的折叠和展开,当网页刚打开时,广告是从底部慢慢的浮上来的,直至固定在页面底部。当滚动条滚动时也是一直固定在页面的底部,经本人测试,是兼容各大主流浏览器的。由于代码比较长,这里就不贴代码了,下面有具体的代码文件下载。先来......
和大家分享一个最近用到的jquery实现图片的放大缩小的特效。具体效果是鼠标移动到图片上,图片自动缩到左上角,右下角出现文字说明,鼠标移走后图片恢复,文字被图片遮挡。非常不错的一个图片特效功能。贴一下效果图: jquery实现图片放大缩小特效的预览地址: http://php.hhsy.cc/web_tools/private/example/jquery实现图片放大缩小特效.html jquery实现图片放大缩小特效的具体代码如下: <html> <head> <meta htt......
这篇文章和大家分享一个 javascript 在浏览器地址栏上的特效,非常的有趣。它可以使页面上所有的图片元素一个个得排列起来并不停的转圈。因为转圈弧度为半圆且棱角分明,我们姑且称之为风火轮效果吧!这个javascript特效代码如下: javascript:R=0;x1=.1;y1=.05;x2=.25;y2=.24;x3=1.6;y3=.24;x4=300;y4=200;x5=300;y5=200;DI=document.getElementsByTagName("img");DIL=DI.length;function A(){for(i=0;i-DIL;i++){DIS=DI[i].st......
发一个同时兼容IE6,IE7,IE8,IE9,火狐,苹果等所有浏览器的鼠标移动到文字上出现浮层提示特效,效果非常棒,可以根据具体的情况稍作修改: <html> <head> <title>鼠标移动到文字上出现提示特效</title> </head> <body> <script> function $(id){ return document.getElementById(id); } document.write("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border......
最轻量级功能最强大图片放大展示特效,该插件是基于Jquery的,因此使用之前请先加载Jquery包 官方下载:http://code.google.com/p/slimbox/downloads/list 使用方法: 在页面中加入如下调用代码: 具体对图片的使用方法如下【在外面连接中加入参数:rel="lightbox"】: 示例如下(点击下面这张图片即可看见效果): jquery图片放大特效源文件下载
JQuery实现图片渐显渐隐的几种特效,同一个原理的!绝对好用! 纯图片切换效果如下图: 图片带序号数字循环切换效果如下图: 竖直图片切换效果: 缩略图式轮回切换: JQuery实现图片渐显渐隐切换的几种特效下载
Jquery特效折叠菜单,非常酷的一款jquery效果,代码简单易懂,容易修改,下面提供有下载地址!页面效果如下: Jquery特效折叠菜单下载
prettyPhoto是一款基于jquery的轻量级的lightbox图片特效脚本,它不仅支持图片,还同时支持视频、flash、YouTube、iframe和ajax。而且prettyPhoto配置和使用都十分简单,扩展性也不错,你可以最大限度地自定义 prettyPhoto。prettyPhoto兼容大部分主流的浏览器,有些Wordpress图片插件就是基于此脚本制作的。 有图有真相,下面先看看这个特效的效果图吧! 一、prettyPhoto使用方法示例 1、引入jquery核心库和prettyPhoto......
地址栏 javascript,是指利用 javascript 伪协议在浏览器的地址栏里面通过执行类似 javascript:alert(”hello wow”);void(0); 的代码,使用方法是在已经打开并加载完成的页面的地址栏里面输入javascript:xxx 代码来执行,下面通过两种比较实用的Javascript地址栏特效做个例子说明一下。 1、显示页面内所有加链接的图片的大小(模仿微软ie官方插件的呈现效果) javascript:a=document.images;d=document;for(i=0;i<a.length;i+......