基本div替换宽度为淡入淡出过渡

时间:2012-08-29 03:56:00

标签: jquery

好的,我已经找到了一些我可以构建的简单的东西但是我找到的大多数jQuery内容已经很复杂,我操作了。

我的想法是有一个大的div,我可以放任何html内容图像/文本等,并在那些也可以有文本和背景图像或我选择的子div,他们希望它的功能是如果你将鼠标悬停在div缩略图上,它将在一个漂亮的淡入淡出过渡中改变大div中的内容,并且缩略图也能够链接。

与此类似:http://www.webdesignerwall.com/demo/jquery/img-replacement.html但是有一个很好的淡入淡出过渡而不是使用图像而是div,所以我可以在其中做我喜欢的事。

代码中的缩略图可能很容易添加或更少,而不会添加越来越多的jquery行,因此几乎可以在以后使用db动态创建它。

听起来很简单!也许不是:)。

1 个答案:

答案 0 :(得分:1)

试试这个Fiddle

简单你只需点击小div即可使用Html()fadeIn(),fadeOut()

我认为编写的代码很容易理解。即使你有一些问题只是问;)