⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 08c.htm

📁 javascript94个网页特效下载
💻 HTM
字号:
🔍 
<html>
<head>
<title>变换图形</title>
<meta http-equiv="目录类型" content="文本/html; 字符集=gb2312">
<style type="text/css">
<!--
a{font-style:normal;text-decoration:none;color:white}
a:hover {BACKGROUND:red;font-style:normal;text-decoration:none;color:yellow}
a:active {font-style:normal;text-decoration:none;color:yellow;}
.white {  color: #FFFFFF}
table {  font-size: 9pt}
-->
</style>
<link rel="stylesheet" href="style.css">
</head>

<body bgcolor="#009900" topmargin="0" leftmargin="0">
<form name="form" onSubmit="return false" >
  <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr bgcolor="#009900"> 
      <td colspan="3" height="18">&nbsp; </td>
    </tr>
    <tr> 
      <td bgcolor="#009900" width="18"></td>
      <td align="center" bgcolor="#FFFFFF" valign="top"> <br>
        <table width="56%" border="0" cellspacing="0" cellpadding="0" height="355">
          <tr> 
            <td rowspan="2" width="16" valign="top"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="0" class="white" style="FONT-SIZE: 11pt;">
                <tr bgcolor="#336699" bordercolor="#336699"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double;  BORDER-LEFT: double; BORDER-BOTTOM: double;" height="70"><strong><a href="08.htm">演<br>
                    <br>
                    示</a></strong></td>
                </tr>
                <tr bordercolor="#009900" bgcolor="#009900"> 
                  <td style="BORDER-RIGHT: double; BORDER-TOP: double; BORDER-LEFT: double; BORDER-BOTTOM: double" height="70"><strong><a href="08c.htm">源<br>
                    代<br>
                    码</a></strong></td>
                </tr>
              </table>
            </td>
            <td rowspan="2" width="8" bgcolor="#009900">&nbsp;</td>
            <td align="center" style="BORDER-RIGHT: double; BORDER-TOP: double; FONT-SIZE: 12pt; BORDER-LEFT: double; BORDER-BOTTOM: double" bordercolor="#009900" valign="top"> 
              <script language="JavaScript">
<!--hide

function view(form){
msg=open("","DisplayWindow","status=1,left=0,top=0,height=320,width=790,");msg.document.write(form.code2.value);
}
function CodeOut(form){
var     
txt1="<html><title>效果演示</title><head></head><body onblur=window.close()  onmouseover=javascript:close()>";
txt=""+form.a.value+""+form.b.value+""+form.c.value+"";
txt+=""+form.d.value+""+form.e.value+""+form.f.value+"";
txt+=""+form.g.value+""+form.h.value+""+form.i.value+"";
txt+=""+form.j.value+""+form.k.value+""+form.l.value+"";
txt+=""+form.m.value+"";
txt2="</body></html>";
	
form.Code.value=txt;
form.code2.value=txt1 + txt + txt2;
}

<!-->
</script>
              <input type="hidden" name="code2">
              <div id="Layer1" style="position:absolute; width:207px; height:173px; z-index:1; visibility: hidden"> 
                <textarea name="a" cols="40" rows="0" wrap="VIRTUAL">&lt;script language=&quot;JavaScript&quot;&gt;
&lt;!--

function getCookieVal (offset) {
  var endstr = document.cookie.indexOf (&quot;;&quot;, offset);
  if (endstr == -1)
    endstr = document.cookie.length;
  return unescape(document.cookie.substring(offset, endstr));  }

function FixCookieDate (date) {
  var base = new Date(0);
  var skew = base.getTime(); // dawn of (Unix) time - should be 0
  if (skew &gt; 0)  // Except on the Mac - ahead of its time
    date.setTime (date.getTime() - skew);  }

function GetCookie (name) {
  var arg = name + &quot;=&quot;;
  var alen = arg.length;
  var clen = document.cookie.length;
  var i = 0;
  while (i &lt; clen) {
    var j = i + alen;
    if (document.cookie.substring(i, j) == arg)
      return getCookieVal (j);
	i = document.cookie.indexOf(&quot; &quot;, i) + 1;
    if (i == 0) break; }
  return null;   }  

//  assign expiration date variable for cookie

var expdate = new Date ();
FixCookieDate(expdate); 
expdate.setTime(expdate.getTime() + (5 * 60 * 1000)) // 5 minutes  

//  initialize countimg variable to track images
countimg = (GetCookie(&quot;countimg&quot;) != null) ? (GetCookie(&quot;countimg&quot;)-1) : -1
countimg = (countimg &lt;-1) ? -1 : countimg
IMGArray = new Array(3)

if (document.images) {
	IMGArray[0] = new Image(205,56)
	IMGArray[1] = new Image(205,56)
	IMGArray[2] = new Image(205,56) 	 }

//	Old browsers get an array of empty strings

else {
	IMGArray[0] = &quot;&quot;
	IMGArray[1] = &quot;&quot;
	IMGArray[2] = &quot;&quot; 						}

IMGArray[0].src = &quot;</textarea>
                <textarea name="c" cols="40" rows="0" wrap="VIRTUAL">&quot;
IMGArray[0].URL = &quot;</textarea>
                <textarea name="e" cols="40" rows="0" wrap="VIRTUAL">&quot;
IMGArray[1].src = &quot;</textarea>
                <textarea name="g" cols="40" rows="0" wrap="VIRTUAL">&quot;
IMGArray[1].URL = &quot;</textarea>
                <textarea name="i" cols="40" rows="0" wrap="VIRTUAL">&quot;
IMGArray[2].src = &quot;</textarea>
                <textarea name="k" cols="40" rows="0" wrap="VIRTUAL">&quot;
IMGArray[2].URL = &quot;</textarea>
                <textarea name="m" cols="40" rows="0" wrap="VIRTUAL">&quot;


function updateIM(countimg) { return countimg; }

//  functions for onMouseOver, onMouseOut, onClick event handlers

function Overhref2() { updateIM(countimg)
	if (IMGArray[countimg] != null ) { 
	window.status = IMGArray[countimg].URL; return true; }}

function Outhref2() { window.status = &quot;&quot;; return true; }

function clickhref2() { updateIM(countimg)
	if (IMGArray[countimg] != null ) { 
	location = IMGArray[countimg].URL }}

//  Image swapping function

function showIMAGE() { updateIM(countimg++)

if (document.images) {

//	Make sure countimg does'nt get too big

	if ( countimg &gt; IMGArray.length - 1 ) { countimg = IMGArray.length - IMGArray.length }

	document.images.banner.src = IMGArray[countimg].src 
	exbannerID = setTimeout(&quot;showIMAGE()&quot;,2500) }}


function setIt2() { updateIM(countimg)
	document.cookie = &quot;countimg=&quot; + countimg + &quot;; expires=&quot; + expdate.toGMTString()  }

//  get cookie countimg onblur, onload

function getIt2() { 
	countimg = (GetCookie(&quot;countimg&quot;) != null) ? (GetCookie(&quot;countimg&quot;)) : 0
	updateIM(countimg)
	if (exbannerID != null) { clearTimeout(exbannerID); showIMAGE() }}

function initCOOKIES() {

window.onunload = setIt2
window.onfocus = getIt2
window.onblur = setIt2 	}

function initBANNER() {
	
	showIMAGE() 
	cookieID = setTimeout(&quot;initCOOKIES()&quot;,1000) }

window.onload = initBANNER

// --&gt;
&lt;/script&gt;
&lt;a href=&quot;&quot; onClick=&quot;clickhref2()&quot; onMouseOver=&quot;Overhref2();return true;&quot; onMouseOut=&quot;Outhref2;return true;&quot;&gt;&lt;img src=&quot;&quot; name=&quot;banner&quot; border=&quot;0&quot; &gt;&lt;/a&gt; </textarea>
              </div>
              <br>
              <b>变换图形</b> 
              <hr width="92%" size="1" align="center">
              <table  cellspacing="0" cellpadding="0" width="81%">
                <tr> 
                  <td colspan="2" height="25">图形一的文件名： 
                    <input type=text name="b" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="25">链接地址 http ： 
                    <input type=text name="d" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="25">图形二的文件名： 
                    <input type=text name="f" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="25">链接地址 http ： 
                    <input type=text name="h" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="25">图形三的文件名： 
                    <input type=text name="j" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="25">链接地址 http ： 
                    <input type=text name="l" onFocus="this.select()" onMouseOver="this.focus()" class="pt9" size="35">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" align="center"> 
                    <input type="button" value="产生源代码" onClick="CodeOut(this.form);" name="button">
                  </td>
                </tr>
                <tr> 
                  <td colspan="2" height="20">注释：放在&lt;body&gt;与&lt;/body&gt;之间</td>
                </tr>
                <tr> 
                  <td colspan="2"> 
                    <p> 
                      <textarea name="Code" onFocus="this.select()" onMouseOver="this.focus()" cols="50" style="BACKGROUND-COLOR: #009900;" wrap="VIRTUAL" rows="4" class="pt9"></textarea>
                  </td>
                </tr>
              </table>
            </td>
          </tr>
          <tr> 
            <td height="20" class="white" bgcolor="#009900">当前位置:<a href="../../index.htm">首 
              页</a>→<a href="../index.htm">JavaScript</a>→<a href="index.htm#8">图形特效</a>→变换图形</td>
          </tr>
        </table>
        <br>
      </td>
      <td bgcolor="#009900" width="18"></td>
    </tr>
    <tr bgcolor="#009900"> 
      <td></td>
      <td align="center" height="35"> <font color="#FFFFFF">··万旭网站工作室 设计发布··</font> 
      </td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -