做网站的时候,特别是给官方网站做门户网站,一般遇到一些节日,还得给员工显示些祝贺词,要是让我一个节日PS一个图然后改上去,那多麻烦,还是重复的活,作为一个程序员不应该做那么多重复的事情,呵呵,所以我一次性PS了一年内比较重视的几个节日 如春节,妇女节,劳动节,教师节(我还是学生,这是给学校做的网站提的Dan疼要求哦)分别命名为1.jpg,3.jpg,5.jpg,9.jpg ,然后用javascript 些个浮动图片的效果, 关键是在 html 的<img>标签中使用动态绑定src的路径,然后把获得的月份按照字符串拼接进去就实现了动态显示祝贺词的功能。
当然,想到这里,当不需要祝贺词的节日只需要将对应的祝贺词隐藏就行了(因为本菜鸟不是专注做UI的,所以这里着实花了几个小时的时间),不过总算有了预期的成果,好了,拿出来和有类似需求的童鞋们分享一下。
<!--advertisement code in html body-->
<body>
<!-- for advertisement note: take the right pic path below and in ad.js path total four place-->
<div id="oImg" style="position: absolute; z-index: 100; top: 0; left: 0; width: 180p