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

计算机网络(第7版)

计算机网络(第7版)

谢希仁 / 电子工业出版社 / 2017-1 / 45.00

本书自1989年首次出版以来,曾于1994年、1999年、2003年、2008年和2013年分别出了修订版。在2006年本书通过了教育部的评审,被纳入普通高等教育“十一五”国家级规划教材;2008年出版的第5版获得了教育部2009年精品教材称号。2013年出版的第6版是“十二五”普通高等教育本科国家级规划教材。 目前2017年发行的第7版又在第6版的基础上进行了一些修订。 全书分为9章,比较......一起来看看 《计算机网络(第7版)》 这本书的介绍吧!

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

HTML 编码/解码

URL 编码/解码
URL 编码/解码

URL 编码/解码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具