无忧源码-网页特效 为广大网页制作爱好者提供学习、交流场所。在这里你可以找到背景特效、图象特效、时间日期特效、状态栏特效等各种网页特效。这些特效可以让你的网页变得更加美丽,从而吸引更多的网友访问你的网站。

网站首页 常用软件 站长工具 网页特效 网页配色 网页模板 背景音乐 杀毒频道 娱乐频道 访客留言
  特效分类

  点击排行 更多..
  不错的下拉菜单
  实用下拉导航条
  点击图片从而改变网页背景图..
  腾讯QQ网页在线客服,随网页..
  经典实用的触发型导航菜单
  超强论坛灌水工具---写大字板..
  腾讯QQ网页在线客服,隐藏在..
  通过滤镜实现的发光字体
  非常棒的绿色下拉透明菜单
  星星从背景中飞出
  页面内的超级酷浮动窗口
  Flash和JS实现的图片幻灯片切..


  推荐特效 更多..
  仿yahoo首页特色服务内容切换..
  可关闭并且能最大化的用层模..
  数字选中放大
  模仿3D的消息,太酷了!
  可以任意编辑的动态表格(特别..
  CSS超酷网页导航实例!网页导..
  效果直逼flash的css+div+js菜..
  网易娱乐头图新闻代码,推荐..
  类似与QQ的好友之类的树型菜..
  各种用途的按钮大集合
  用CSS设计的导航实例
  用CSS实现的一张图完成的导航..
您的位置:首页 >> 网页特效 >>  文本特效 >  超强论坛灌水工具---写大字板
超强论坛灌水工具---写大字板
[ 发布:wuymadmin | 来源:本站整理 | 时间:2006-10-1 23:07:49 | 次 ]      [复制]
<style>
body
{
 background-color :ghostwhite;
 color   :blue;
 cursor   :default;
}
input
{
 border-width  :1;
 background-color :wheat;
 width   :190;
}
</style>
<span id=lianxi style="font-size:400;position:absolute;z-index:-2;"></span>
<textarea id=ta cols=64 rows=21 style="overflow:hidden">
使用帮助:
先在“大字”里填入要写的字
再按“开始临摹”
蓝色框里:
鼠标左键 = 画去一点
鼠标右键 = 擦上一点
shift+鼠标拖动 = 连续画
ctrl +鼠标拖动 = 连续擦
→←↑↓控制范例字体的位置。
 + - 控制范例字体的大小
点了后用ENTER可以加快
前景和背景为一个16位字符或两个8为字符
完成后按 ==转换== 就可以看效果
</textarea>
<br>
背景<input id=back value="∷">
前景<input id=front value="●"><br>
大字<input type=text id=lx value="永"> 制作<input type=text disabled=true value=" 迷失网络 lostinet@21cn.com"><br>
  <input type=button value="开始临摹" onclick="changelianxi()">   <input type=button id=btn disabled=true value="==转换=="><br>
  <input type=button onclick="ChangeLeft(1)"  value="→">   <input type=button onclick="ChangeLeft(-1)" value="←"><br>
  <input type=button onclick="ChangeTop(-1)"  value="↑">   <input type=button onclick="ChangeTop(1)" value="↓"><br>
  <input type=button onclick="ChangeSize(1)"  value="+">   <input type=button onclick="ChangeSize(-1)" value="-">
<script>
function changelianxi()
{
 if(lx.value)lianxi.innerText=lx.value
 btn.disabled=false;
}
var wh=32;
oTable=null;
var arrMap=new Array();
var arr=new Array(wh);
var ladd=0;
var tadd=0;
var size=400;
function ChangeSize(a)
{
 size+=a;
 if(size<10)size=10;
 lianxi.style.fontSize=size;
}
function ChangeTop(a)
{
 tadd+=a;
 document.recalc();
}
function ChangeLeft(a)
{
 ladd+=a;
 document.recalc();
}
for(var i=0;i<arr.length;i++)
{
 arr[i]=new Array(wh);
}
function ClassItem(element,r,c)
{
 this.e=element;
 this.r=r;
 this.c=c;
 element.style.width=11;
 element.style.height=11;
 element.style.backgroundColor="steelblue";
 element.attachEvent("onmousemove",td_onaction);
 element.attachEvent("oncontextmenu",td_onaction);
 element.attachEvent("onclick",td_onaction);
}
function document.oncontextmenu()
{
 switch(event.srcElement.tagName.toLowerCase())
 {
 case "textarea":
 case "input":
  return true;
 default:
  break;
 }
 event.returnValue=false;
}
function window.onload()
{
 oTable=document.createElement("TABLE");
 oTable.style.marginLeft=2;
 oTable.cellSpacing=1;
 oTable.cellPadding=1;
 for(var i=0;i<wh;i++)
 {
  var oTr=oTable.insertRow();
  for(var j=0;j<wh;j++)
  {
   var oTd=oTr.insertCell();
   MakeTd(oTd,i,j)
  }
 }
 document.body.insertAdjacentElement("BeforeEnd",oTable);
 oTable.style.filter="alpha(opacity=80)";
 lianxi.style.setExpression("pixelLeft","oTable.offsetLeft+ladd");
 lianxi.style.setExpression("pixelTop","oTable.offsetTop+tadd");
 btn.attachEvent("onclick",show);
}
function MakeTd(e,r,c)
{
 var item=new ClassItem(e,r,c);
 arrMap[e.uniqueID]=item;
 arr[r][c]=item;
}
function td_onaction()
{
 var item=arrMap[event.srcElement.uniqueID];
 if(!item)return true;
 if(event.shiftKey||event.type=="click")
 {
  item.e.style.backgroundColor="tan";
 }
 if(event.ctrlKey||event.type=="contextmenu")
 {
  item.e.style.backgroundColor="steelblue";
  event.returnValue=false;
 }
}
function show()
{
 var str="";
 for(var i=0;i<wh;i++)
 {
  for(var j=0;j<wh;j++)
  {
   if(arr[i][j].e.style.backgroundColor=="tan")
   {
    str+=front.value;
   }
   else
   {
    str+=back.value;
   }
  }
  str+="\n";
 }
 ta.value=str;
}
</script>


请将上面的代码复制到下面的文本框中进行预览     
         
上一个特效:闪动的文字
 特效: 超强论坛灌水工具---写大字板 的评论   我要评论...
 
关于本站 | 广告合作 | 免责声明 | 网站帮助 | 网站地图  | 滇ICP备06001292号

Copyright ©2005 - 2008 wuym.com.All Rights Reserved.