- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
Grayscale Hover Effect
Ноябрь 15, 2010
This script allows to add smooth grayscale hover effect, based on sprites.
JavaScript
In order to make the script work, the index-#.html file with a hover effect should contain these lines of HTML code in order to include jquery.slices.1.2.js script and jQuery framework:
The bottom section of the index-#.html (just before 浙江大学宁波理工学院招生网 皇冠体育网址 365-Sports-Betting-feedback@vko29.com 互联网的那点事 Sports-betting-platform-media@lyhymh.net William-Hill-service@zgdx8.com Sun-City-help@lhjcmaigaiti.com Official-website-of-the-Venetian-Casino-contactus@baoqiuyue.net 沙巴体育 陕西广电网络 7天时间清单 澳门太阳城 博彩平台大全 中国哈士奇俱乐部 权健自然医学 Sun-City-official-website-admin@iconfuture.net 路亚之家论坛 皇冠体育官网 European-Cup-buying-media@babyfeedingshop.com 郁美净 金海马商城 大同百姓网 巴布豆官网 福步外贸百科 搜房网常州租房网 龙岗教育网 神威药业集团网站 万杰智能 高中语文网 南宁招聘网 搜鹿网 站点地图 鹏翎股份 东方烟草网 closing tag) file contains these lines of code that initialize the script functionality with basic values:
The idea of the plug-in is to smoothly desaturate the image and add a link to it:
HTML
Below you can see the HTML script representation:
The HTML part is represented by a bulleted list. Note that each image is put into and tags in order to show the image in the default state.
CSS
You can find script related stylesheet in the main style.css file. You will need to modify the following styles: