![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
代码如下: |
这几天到处晃悠的改获:
给评论框加背景图片
| 以下代码放在<style type="text/css"> </style>里 |
| 1: 评论框加背景图片 textarea { background: url(图片地址); } |
| 2 评论框、地址框、选择框都加背景图片 input, textarea, select { background: url(图片地址); } |
| 3 把背景图片放在固定位置 textarea { background: url(图片地址) no-repeat right center; } 上面的代码按时把图片放在右边中间 right center 前面代表横坐标,后面代表纵坐标,以下为要用的位置代码 left 左 right 右 centet 中间 top 上 bottom 下 如果想把图片放在左上那就应该是 left top,以此类推~ |
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
代码如下: |
<script type="text/javascript">
<!--
function addtext(s){
document.getElementsByTagName("textarea")[0].value = document.getElementsByTagName("textarea")[0].value + s
}
if(document.getElementById("authcode_td1")){
var i, j;
var urlBase = "http://foto.yculblog.com/gao83/";
var smileyCode = new Array("[:-D]","[:-)]","[Q_Q]","[:-(]","[;-)]","[*^_^*]","[T_T]","[-_-b]","[:-O]","[=_=]","[#_#]","[180]","[@_@]","[;-_-]","[^.^]","[XD]","[-_-!!]","[309]","[921]");
var smileyReg = new Array(/\[:-D\]/g,/\[:-\)\]/g,/\[Q_Q\]/g,/\[:-\(\]/g,/\[;-\)\]/g,/\[\*\^_\^\*\]/g,/\[T_T\]/g,/\[-_-b\]/g,/\[:-O\]/g,/\[=_=\]/g,/\[#_#\]/g,/\[180\]/g,/\[@_@\]/g,/\[;-_-\]/g,/\[\^\.\^\]/g,/\[XD\]/g,/\[-_-!!\]/g,/\[309\]/g,/\[921\]/g);
var picName = new Array("yy01","yy02","yy03","yy04","yy05","yy06","yy07","yy08","yy09","yy10","yy11","yy12","yy13","yy14","yy15","yy
16","yy17","yy18");
var s2="";
for(i=0; i < picName.length; i++){
s2 = s2 + "<img src='" + urlBase+picName[i] + ".gif' alt='' style='cursor:pointer;' onclick='addtext(\"" + smileyCode[i] + "\");' />";
if(i>0&&i%6==0){
s2=s2+"<br />";
}
}
//get target
var inputs = document.getElementsByTagName("input");
var td,tbs;
for(i=0; i < inputs.length; i++){
if(inputs[i].getAttribute("name") == "url"){
tbs = inputs[i].parentNode.parentNode.parentNode;
break;
}
}
//Smiley
var trs = tbs.insertRow(4);
if(trs){
var tds = trs.insertCell(-1);
if(tds){
tds.innerHTML="表情<br />By 小N";
tds.setAttribute("align","right");
tds.setAttribute("valign","top");
tds.style.paddingTop = "20px";
}
td = trs.insertCell(-1);
if(td){
td.innerHTML=s2;
}
}
//parser
var blocks = document.getElementsByTagName("blockquote");
for(i=0; i < blocks.length; i++){
for(j=0; j < smileyReg.length; j++)
blocks[i].innerHTML = blocks[i].innerHTML.replace( smileyReg[j], "<img src='" + urlBase + picName[j] + ".gif' alt='' />" );
}
}
//-->
</script>
打开叶子时出现在右下角的欢迎辞
| <SCRIPT language=JavaScript1.2> var oPopup = window.createPopup(); var popTop=50; function popmsg(msgstr){ var winstr="<table style=\"border: 1 solid #D65C5C\" width=\"255\" height=\"40\" border=\"0\" cellpadding=\"5\" cellspacing=\"0\" >"; winstr+="<tr><td height=\"167\">文字</td><td align=\"centre\"><table width=\"100%\" height=\"70\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"; winstr+="<tr><td valign=\"top\" style=\"font-size:12px; color: #FF4780; face: Tahoma;\">"+msgstr+"</td></tr></table></td></tr></table>"; oPopup.document.body.innerHTML = winstr; popshow(); } function popshow(){ window.status=popTop; if(popTop>1720){ clearTimeout(mytime); oPopup.hide(); return; }else if(popTop<180){ oPopup.show(screen.width-100,screen.height,255,popTop); }else if(popTop<220){ oPopup.show(screen.width-100,screen.height-popTop,255,180); } popTop+=10; var mytime=setTimeout("popshow();",50); } popmsg(""); </SCRIPT> |
| 绿色的内容依次是框框的线条厚度,线条颜色,线条宽和高,都可以修改 将红色的文字换成<img src=\"图片地址\">,就可以在框里插入图片 另,代码的后面一些内容控制框框出现的速度和逗留时间,可以修改 |
| style type="text/css"> <!-- .post_title { font-size: 11pt; font-weight: bold; color: #800; padding-left: 30px; padding-bottom: -5px; background: url(http://foto.yculblog.com/nocorner/gray.gif) no-repeat bottom left; } .post_user { font-size: 8pt; color: #808080; padding-left: 29px; } .post_footer { border-bottom:solid 1px #cecece;padding-bottom:6px;}--> --> </style> |
| 红色部分为图片地址..... 紫色部分为图片的位置调整...... 随意把加在任何地方 加在最后面也可以 图片可以自己找适合自己的 |