公司新闻

返回 您现在的位置 首页 > 公司新闻

公司新闻

滨海新区网站建设JS网页制作实例:标签云

时间:2012-04-26 08:59:16    来源:84    点击:84 次

 

实现:
1、随机方法:
JavaScript代码
function rand(num){ 
return parseInt(Math.random()*num 1); 
}

2、随机取色:
JavaScript代码
function randomcolor(){ 
var str=Math.ceil(Math.random()*16777215).toString(16); 
if(str.length<6){ 
str="0" str; 

return str; 
}

3、循环dom
XML/HTML代码

for( len=obj.length,i=len;i--;){ 
obj[i].style.left=rand(600) "px"; 
obj[i].style.top=rand(400) "px"; 
obj[i].className="color" rand(5); 
obj[i].style.zIndex=rand(5); 
obj[i].style.fontSize=rand(12) 12 "px"; 
// obj[i].style.background="#" randomcolor(); 
obj[i].style.color="#" randomcolor(); 
obj[i].onmouseover=function(){ 
this.style.background="#" randomcolor(); 

obj[i].onmouseout=function(){ 
this.style.background="none"; 

}

4、dom结构
XML/HTML代码

<div id="wrap"> 
<a href="#">web标准学习</a><a href="#">css</a> 
<a href="#">javascript</a><a href="#">html5</a> 
<a href="#">canvas</a><a href="#">video</a> 
<a href="#">audio</a><a href="#">jQuery</a> 
<a href="#">jQuerymobile</a><a href="#">flash</a> 
<a href="#">firefox</a><a href="#">chrome</a> 
<a href="#">opera</a><a href="#">IE9</a> 
<a href="#">css3.0</a><a href="#">andriod</a> 
<a href="#">apple</a><a href="#">google</a><a href="#">jobs</a> 
</div>

 

本文作者来自天津求谛互动,转载请注明出处:求谛互动(http://qd218.com)
选择天津网站建设公司-求谛互动,优质服务,绝对不容错过 !
1. 优秀的网络资源,稳定的网站和速度保证
(配送双线独立ip空间,国际A级BGP机房,99.5% 的主机在线时间)
2. 7年天津网站建设经验,优秀的技术和设计水平,更放心
3. 全程省心服务,不必担心自己不懂网络,更省心。
------------------------------------------------------------------------------------------
我们的与众不同之处:
免费网络营销顾问:我们为您提供免费的网络营销顾问服务,您需要了解关于如何开展网络营销,电子商务,网站设计等的事宜,欢迎随时联系我们。
seo友好的网站管理系统:除了优质的网站空间,网站管理系统,和网站设计外,我们的网站管理系统更是seo友好的,包括:自定义栏目名,Google Sitemap自动生成,静态页面生成等等,让您的网站。
免费网络营销培训:如何更好的投放网络广告,如何提高网络广告的投资回报,如何发帖子,
如何优化网站,我们有丰富的经验开放给您!祝君成功!
联系我们:022-66351726