我如何在我的网站上创建一个欢迎屏幕?例如,当用户点击进入网站时,我有一个图像和一个显示“ENTER”的链接.我该怎么做?
如果可能的话,也可以使用 Javascript或JQuery,当用户点击“ENTER”时,是否可以从启动画面到网站交叉淡入淡出?
如果可能的话,也可以使用 Javascript或JQuery,当用户点击“ENTER”时,是否可以从启动画面到网站交叉淡入淡出?
我还没有任何代码.
解决方法
您可以在第一次访问时将闪屏放置在您网站顶部的div上,当用户点击它(或“Enter”链接)时,将其闪烁:
<div id="splashscreen"> <h2>Welcome !</h2> Take a look at our new products,blablabla <img src="http://i.telegraph.co.uk/multimedia/archive/02182/kitten_2182000b.jpg" /> <a href="#" class="enter_link">Enter on the website</a> </div>
并且只有3行jQuery:
$('.enter_link').click(function() { $(this).parent().fadeOut(500); });
splashscreen div需要占用整个空间,并具有隐藏实际内容的背景. JSFiddle示例:http://jsfiddle.net/5zP3Q/