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 »

下载代码说明
X关闭

基于jQuery实现图片鼠标手势及说明文字弹出效果

jQuery图片鼠标手势及说明文字弹出效果,当鼠标放到图片上时(鼠标手势),会有文字说明弹出效果,基于jQuery代码实现,值得参考,感兴趣的朋友可以了解下,或许本文所提供的特效对你学习jquery有所帮助。