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://codercto.com/soft/d/23338.html

系统程序员成长计划

系统程序员成长计划

李先静 / 人民邮电出版社 / 2010-04 / 45.00

在学习程序开发的过程中,你是否总是为自己遇到的一些问题头疼不已,你是否还在为写不出代码而心急如焚?作为软件开发人员,你是否时时为自己如何成为一名合格的程序员而困惑不已?没关系,本书将为你排忧解难。 这是一本介绍系统程序开发方法的书。书中结合内容详尽的代码细致讲述了不少底层程序开发基础知识,并在逐步深入的过程中介绍了一些简单实用的应用程序,最后还讲述了一些软件工程方面的内容,内容全面,语言生动......一起来看看 《系统程序员成长计划》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具