现在的位置: 首页 > 综合 > 正文

JavaScript 网页背景图片随机化

2018年04月09日 ⁄ 综合 ⁄ 共 2977字 ⁄ 字号 评论关闭

  单调的网站首页背景看多了不免有写厌烦,如果用户自己每刷新一次页面背景可以更换也许能为这种单调添一丝的新奇。这只需用一个JavaScript方法就可以搞定,通过随机函数在我们的一组图片中随机的选一张作为背景。

下面是JavaScript代码:

 

完整代码:(asp.net C#)

 

        body#home.variation1 #wrapper { background-image: url(./img/tignish/home/feature-background-1.jpg); }
        body#home.variation2 #wrapper { background-image: url(./img/tignish/home/feature-background-2.jpg); }
        body#home.variation3 #wrapper { background-image: url(./img/tignish/home/feature-background-3.jpg); }

图片路径要换成你项目中的图片路径。

抱歉!评论已关闭.