jQuery实现的图片动态提示信息框效果_时代Java(NowJava.com) -JS/jQuery代码 -演示与下载 -时代Java

Example 1 (default)

$('#js-container').jsquares();
Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Howlla at cha boy!

You can't hide from wolf boy.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Example 2

$('#js-container-2').jsquares({
	js_shuffle_in: false, // have the pictures all fade in on page load?
	js_fade_on_hover: false, // do we want the images to fade on hover or just change opacity?
	js_caption_slide_down: false // do we want the caption to slide down or just appear?
});
Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

Everyone loves this show

Sesame Street!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In elementum arcu non orci fermentum nec suscipit neque dignissim... Read more »

代码整理:时代Java(NowJava.com) 更多相关效果,请到时代Java(NowJava.com) 脚本下载栏目

注:此代码仅供学习交流,请勿用于商业用途。

时代Java(NowJava.com)素材中心整理。




下载代码说明
X关闭

基于jQuery的图片动态提示信息框效果的实现代码

一个图片浮动提示jquery插件,鼠标滑过图片自动出现浮动的信息框效果