CSS特效+CSS图标_css图标资源-CSDN下载

共22个文件

zip：11个

rar：10个

html：1个

CSS特效+CSS图标

5星 · 超过95%的资源需积分: 10 23 浏览量 2010-05-27 14:36:06 上传评论 5 收藏 15.18MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

CSS特效+CSS图标.rar （22个子文件）

特效

让ie6支援png图档.zip 75KB

TAB選項卡.rar 406KB

酷似flash效果的图片展示.zip 203KB

侧栏式折叠菜单.zip 83KB

多样化的连结提示效果.zip 12KB

图形滚动条.rar 46KB

复选树.rar 11KB

仿开心好友印象.html 3KB

支持FF的省略符.rar 2KB

图片倒影效果.zip 53KB

多样化的垂直菜单.rar 487KB

代码自动高亮.zip 19KB

模拟视窗.zip 56KB

最佳化多样式Windows.rar 554KB

图标

Office2003Icons.zip 1.23MB

VS2008Icons256x256.zip 2.72MB

001_travel.zip 1.45MB

006_scmao.com_office.rar 1.14MB

D_Squared_2008_by_whyred.zip 6.5MB

学习用品矢量素材.rar 265KB

影视业图标矢量素材.rar 949KB

020_sy-icon_scmao.cn.rar 280KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JavaScript仿QQ好友印象功能</title> <style type="text/css"> .box{ width:500px; padding:10px; height:auto; overflow:hidden; text-align:center} .box span{ line-height:30px; height:30px;white-space:nowrap; display:inline-block; cursor:pointer} .box a,.box a:hover{ padding:10px;color:#fff; line-height:16px;font-weight:bold; font-size:14px;text-decoration:none; position:relative; border:0;} .box a:hover{ border:2px #09e solid;padding:8px;} input.cur{ border:1px #c00 outset} </style> </head> <body> <div class="box"><span><a href="#">笨蛋</a></span><span><a href="#">你懂个啥</a></span><span><a href="#">-……-</a></span><span><a href="#">休息</a></span><span><a href="#">帅气</a></span><span><a href="#" >天涯地方</a></span><span><a href="#">无法形容</a></span><span><a href="#" >才子</a></span></div> <br/><br/><input type="text" value="asd" maxlength="20" id="input-txt"/><input type="button" value="评价" id="input-btn"/> <script type="text/javascript"> function randomColor() { //16进制方式表示颜色0-F var arrHex = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"]; var strHex = "#"; var index; for(var i = 0; i < 6; i++) { //取得0-15之间的随机整数 index = Math.round(Math.random() * 15); strHex += arrHex[index]; } return strHex; } function changeColor(){ var links = document.getElementsByTagName("a"); for(var i=0;i<links.length;i++){ var bgColor = randomColor();//改变背景色的代码，根据修去修改。 links[i].style.backgroundColor = bgColor; } } function sayHi(){ var scolor,links = document.getElementsByTagName("a"); for(var i=0;i<links.length;i++){ links[i].onmouseover = function(){ scolor = this.style.backgroundColor; this.style.color = scolor; this.style.borderColor = scolor; this.style.backgroundColor = "white"; } links[i].onmouseout = function(){ this.style.color = "white"; this.style.borderColor = ""; this.style.backgroundColor = scolor; } links[i].onmousedown = function(){ alert('你对XXX的印象是 "'+this.childNodes[0].nodeValue+'"'); } } } function addEvaluation(){ var txt = document.getElementById("input-txt"); var btn = document.getElementById("input-btn"); var divs = document.getElementsByTagName("div")[0]; if(!txt) return false; if(!btn) return false; var texts,links,spans; txt.onfocus = function(){ btn.className="cur"; } txt.onblur = function(){ btn.className=""; } btn.onclick = function(){ if(txt.value=="") { alert("请输入一个印象词"); return false }; texts = document.createTextNode(txt.value); links = document.createElement("a"); spans = document.createElement("span"); links.appendChild(texts); links.style.backgroundColor = randomColor(); spans.appendChild(links); divs.appendChild(spans); sayHi(); } } changeColor(); sayHi(); addEvaluation(); </script> </body> </html>

评论收藏

内容反馈