Image Hover

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-14 07:26:44

软件介绍

Overview

ImgHover is a simple way to use hovering image on your site.

You can use fade effect to switch hovering images as well.

Usage

If you want to provide hovering behaviour to all the images, you can write simply like below;

$(document).ready(function(){
  $('img').imghover();
});

<img src="/your/path/original.gif" />

When mouse-over this image, file "/your/path/original_o.gif" shows on the element.

Bulk Setting

You can call this method on the elements other than images as well.

$(document).ready(function(){
  $('div.image-container').imghover();
});

In this case, ImgHover provides the function to the images under 'image-container' element.

Options

prefix

Create hovered image by original image name and prefix.

$('img').imghover({prefix: 'hover/'});

<img src="/your/path/image1.gif" />

In this case, "/your/path/hover/image1.gif" will be provided as hovered image.

Default value is null.

suffix

Create hovered image by original image name and suffix.

$('img').imghover({suffix: '-hovered'});

<img src="/your/path/image1.gif" />

In this case, "/your/path/image1-hovered.gif" will be provided as hovered image.

Default value is 'o'. # for my colleagues ;-p

src

Specify hovered image.

Defautl value is null.

btnOnly

When ImgHover was called to container element(s), the function find only or with anchor link. This option is useful to avoid empty gif, site logo and so on.

Default value is true.

fade

You can use fade effect to switch images.

Default value is false.

fadeSpeed

The speed of fade effect.

Default value is 500.

Easy way to use

This plugin is very handy when you use this with jGlycy.

本文地址:https://www.codercto.com/soft/d/23338.html

JavaScript RIA开发实战

JavaScript RIA开发实战

(英)Dennis Odell / 张立浩 / 清华大学出版社 / 2010 / 48.00元

本书介绍如何采用最合理的方式为RIA编写可靠的、易于维护的HTML、CSS和JavaScript代码,以及如何使用Ajax技术在后台实现浏览器与Web服务器的动态通信。本书将介绍您在构建Web应用程序时可能遇到的性能限制,以及如何以最佳的方式克服这些限制。此外,本书提供的提示可以使用户界面响应更加灵敏。 本书也将介绍如何通过添加使用自定义字体的印刷标题、多媒体回放组件、自定义窗体控件和动态绘......一起来看看 《JavaScript RIA开发实战》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

在线进制转换器
在线进制转换器

各进制数互转换器