Mình thấy nhiều bạn rất thích trang wap tự đổi màu sau mỗi lần loading nên hôm nay mình sẽ hướng dẫn chi tiết các bạn làm điều này .
Đầu tiên các bạn phải viết vài cái css khác nhau (càng nhiều càng tốt) tất cả các lớp trong các css này phải có tên giống nhau ví dụ: tiêu đề là bmenu thì cả 10 css đó tiêu đề đều phải là bmenu . Sau đó viết tất cả 10 css đó vào 1tập tin javascript có dạng như sau:
css = new Array('<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css"rel="stylesheet" type="text/css"></style>','<link href="http://điạ chỉ css" rel="stylesheet" type="text/css"></style>'); n=Math.floor(Math.random() * 10);document.write(css[n]);
Ví dụ mình tạo một tập tin là cssauto.js vào tập tin đó mở trong trình soạn thảo xoá hết thuộc tính đi và post code:
css = new Array('<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/1.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/2.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/3.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/4.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/5.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/6.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/7.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/8.css"rel="stylesheet" type="text/css"></style>','<link href="http://tienthinhpro.wap.sh/hdlamwap/css/cssauto/9.css" rel="stylesheet" type="text/css"></style>'); n=Math.floor(Math.random() * 10);document.write(css[n]);
Sau đó khi đưa vào wap thì dùng code javascript và viết điạ chỉ như bình thường làm code nguồn . Ví dụ:
<script language="javascript" src="http://tienthinhpro.wap.sh/cssauto.js"></script>
Rồi viết các lớp màu sắc như css bình thường . Nói chung là làm các css ngẫu nhiên là được . Và đây là demo và css đổi màu wap mình:
- Css tự đổi màu- demo css auto