插入标题图片-网页特效--中国素材网

站内搜索

热门特效推荐

插入标题图片

中国素材网 www.sucai86.com 2005-3-31 13:34:53 流量数:

插入标题图片
[查看演示] 源码如下
----------------------------------------------------------------------------------------
<HTML DIR="LTR">
<SCRIPT LANGUAGE="JScript">
function insertImages(){
var path= "jsimg/";
var imgStyleRTL="图片";
var noteImg= path + "note.gif"; //image used for notes
var tipImg= path + "tip.gif"; //image used for tips
var warningImg= path + "warning.gif"; //image used for warnings

var collP = document.all.tags("P");
for (var i=0; i<collP.length; i++) {

if (collP[i].className.toLowerCase()=="note")
collP[i].innerHTML ="<img class='alert' src='"+noteImg+"' "+ imgStyleRTL +"> " + collP[i].innerHTML;
else if (collP[i].className.toLowerCase()=="warning")
collP[i].innerHTML ="<img class='alert' src='"+warningImg+"'> " + collP[i].innerHTML;
else if (collP[i].className.toLowerCase()=="tip")
collP[i].innerHTML ="<img class='alert' src='"+tipImg+"'> " + collP[i].innerHTML;
}}
</SCRIPT>
<Head>
<META NAME="MS.LOCALE" CONTENT="ZH-CN">
<META HTTP-EQUIV="Content-Type" CONTENT="text-html; charset=gb2312">
<style>body,td,div,a,input{font:menu;line-height:180%}</style>
<TITLE>insertImages－www.51windows.Net</TITLE>
</HEAD>
<BODY onload=insertImages();>

<p class=note>如果计算机在网络上，系统管理员可能已删除该工具。</p>
<p class=tip>如果计算机在网络上，系统管理员可能已删除该工具。</p>
<p class=warning>如果计算机在网络上，系统管理员可能已删除该工具。</p>
</BODY>
</HTML>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> ----------------------------------------------------------------------------------------
欢迎来到中国素材网!