盗墓笔记吧 关注：4,929,139贴子：101,904,363
不感兴趣
开通SVIP免广告
不感兴趣
开通SVIP免广告
先选模版，再用软景 HTML 制造机 3将txt文件制作成html，再用Microsoft Office FrontPage编辑网页，最后用eBook Pack Express编辑成exe电子书，图标就用ico图标制作工具制作，图片用imageconverter.exe转格式
十六进制色码表、颜色的英文代码对照表
另附：
HTML颜色表： 下面列出一些流行的颜色及其RGB值，在制作网页时有用。可以使用这些值改变背景色、文本颜色和链接颜色。这些值以十六进制表示，前两位数字代表红色值；接下来两位表示绿色；最后两位表示蓝色。每个红色、绿色或蓝色值可以在00（没有那种颜色）到FF(完全是那种颜色）之间变化。 白色：FFFFFF 红色：FF0000 绿色：00FF00 蓝色：0000FF 洋红：FF00FF 墨绿：00FFFF 黄色：FFFF00 黑色：000000 爱丽丝兰：F0F8FF 碧绿：70DB93 巧克力色：5C3317 蓝紫色：9F5F9F 黄铜：B5A642 亮金：D9D919 褐色：A62AA2 青铜：8C7853 青铜2：A67D3D 藏青：5F9F9F 亮铜：D98719 铜**87333 珊瑚色：FF7F00 矢车菊兰：42426F 深褐色：5C4033 深绿色：2F4F2F 深铜绿色：4A766E 深橄榄绿：4F4F2F 紫色：9932CD 深紫色：871F78 深石板蓝：6B238E 深石板灰：2F4F4F 深黄褐色：97694F 深蓝玉色：7093DB 暗木色：855E42 暗灰：545454 暗玫瑰色：856363 长石色：D19275 砖红色：8E2323 草绿：238E23 金色：CD7F32 秋叶色：DBDB70 灰色:C0C0C0 铜绿色：527F76 黄绿色：93DB70 军绿：215E21 印第安红色：4E2F2F 土黄：9F9F5F 浅蓝：C0D9D9 浅灰：A8A8A8 浅铜蓝：8F8FBD 浅木色：E9C2A6 浅绿：32CD32 橙色：E47833 栗色：8E236B 中绿：32CD99 中蓝：3232CD 中草绿：6B8E23 中秋叶色：EAEAAE 中紫色：9370DB 中海绿：426F42 中石板蓝：7F00FF 中春绿：7FFF00 中蓝玉色：70DBDB 中紫红色：DB7093 中木色：A68064 夜蓝色：2F2F4F 海蓝色：23238E 氖蓝色：4D4DFF 氖粉红色：FF6EC7 新夜蓝色：00009C 新黄褐色：EBC79E 暗金色：CFB53B 橘色：FF7F00 橘红：FF2400 淡紫：DB70DB 淡绿： 8FBC8F 粉红：BC8F8F 棕色：EAADEA 石英色：D9D9F3 富兰色：5959AB 橙红色：6F4242 猩红：8C1717 海绿：238E68 半甜巧克力色:6B4226 赭色：8E6B23 银色：E6E8FA 天蓝：3299CC 石板蓝：007FFF 香粉红：FF1CAE 春绿：00FF7F 钢蓝：236B8E 夏天的天空：38B0DE 黄褐色：DB9370 蓝玉色：ADEAEA 暗褐色：5C4033 亮灰：CDCDCD 紫罗兰色：4F2F4F 紫红：CC3299 麦色：D8D8BF 暗黄：99CC32
电子书中的网页特效代码
【在网页侧边加上“上一页、目录、下一页”三个随滚动条移动的按钮】代码【转自云中孤雁】
分两步：
1、在源代码中，在body内容中插入：
2、在<body>与</body>之间插入：<script language="JavaScript">
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script> <div id="object1"
style="right:0; position: absolute; top: 194; z-index: 5; width: 81; height: 293"><table border="0"
cellPadding="0" cellSpacing="10" width="68">
<TBODY>
<tr>
<td width="68"><a href="mydoc005.htm"><img border="0" src="Untitled-3.jpg" width="45" height="25"></a></td>
</tr>
<tr>
<td width="68"><a href="index.htm"><img border="0" src="Untitled-4.jpg" width="45" height="25"></a></td>
十六进制色码表、颜色的英文代码对照表
另附：
HTML颜色表： 下面列出一些流行的颜色及其RGB值，在制作网页时有用。可以使用这些值改变背景色、文本颜色和链接颜色。这些值以十六进制表示，前两位数字代表红色值；接下来两位表示绿色；最后两位表示蓝色。每个红色、绿色或蓝色值可以在00（没有那种颜色）到FF(完全是那种颜色）之间变化。 白色：FFFFFF 红色：FF0000 绿色：00FF00 蓝色：0000FF 洋红：FF00FF 墨绿：00FFFF 黄色：FFFF00 黑色：000000 爱丽丝兰：F0F8FF 碧绿：70DB93 巧克力色：5C3317 蓝紫色：9F5F9F 黄铜：B5A642 亮金：D9D919 褐色：A62AA2 青铜：8C7853 青铜2：A67D3D 藏青：5F9F9F 亮铜：D98719 铜**87333 珊瑚色：FF7F00 矢车菊兰：42426F 深褐色：5C4033 深绿色：2F4F2F 深铜绿色：4A766E 深橄榄绿：4F4F2F 紫色：9932CD 深紫色：871F78 深石板蓝：6B238E 深石板灰：2F4F4F 深黄褐色：97694F 深蓝玉色：7093DB 暗木色：855E42 暗灰：545454 暗玫瑰色：856363 长石色：D19275 砖红色：8E2323 草绿：238E23 金色：CD7F32 秋叶色：DBDB70 灰色:C0C0C0 铜绿色：527F76 黄绿色：93DB70 军绿：215E21 印第安红色：4E2F2F 土黄：9F9F5F 浅蓝：C0D9D9 浅灰：A8A8A8 浅铜蓝：8F8FBD 浅木色：E9C2A6 浅绿：32CD32 橙色：E47833 栗色：8E236B 中绿：32CD99 中蓝：3232CD 中草绿：6B8E23 中秋叶色：EAEAAE 中紫色：9370DB 中海绿：426F42 中石板蓝：7F00FF 中春绿：7FFF00 中蓝玉色：70DBDB 中紫红色：DB7093 中木色：A68064 夜蓝色：2F2F4F 海蓝色：23238E 氖蓝色：4D4DFF 氖粉红色：FF6EC7 新夜蓝色：00009C 新黄褐色：EBC79E 暗金色：CFB53B 橘色：FF7F00 橘红：FF2400 淡紫：DB70DB 淡绿： 8FBC8F 粉红：BC8F8F 棕色：EAADEA 石英色：D9D9F3 富兰色：5959AB 橙红色：6F4242 猩红：8C1717 海绿：238E68 半甜巧克力色:6B4226 赭色：8E6B23 银色：E6E8FA 天蓝：3299CC 石板蓝：007FFF 香粉红：FF1CAE 春绿：00FF7F 钢蓝：236B8E 夏天的天空：38B0DE 黄褐色：DB9370 蓝玉色：ADEAEA 暗褐色：5C4033 亮灰：CDCDCD 紫罗兰色：4F2F4F 紫红：CC3299 麦色：D8D8BF 暗黄：99CC32
电子书中的网页特效代码
【在网页侧边加上“上一页、目录、下一页”三个随滚动条移动的按钮】代码【转自云中孤雁】
分两步：
1、在源代码中，在body内容中插入：
2、在<body>与</body>之间插入：<script language="JavaScript">
function setVariables() {
if (navigator.appName == "Netscape") {
v=".top=";
dS="document.";
sD="";
y="window.pageYOffset";
}
else {
v=".pixelTop=";
dS="";
sD=".style";
y="document.body.scrollTop";
}
}
function checkLocation() {
object="object1";
yy=eval(y);
eval(dS+object+sD+v+yy);
setTimeout("checkLocation()",10);
}
</script> <div id="object1"
style="right:0; position: absolute; top: 194; z-index: 5; width: 81; height: 293"><table border="0"
cellPadding="0" cellSpacing="10" width="68">
<TBODY>
<tr>
<td width="68"><a href="mydoc005.htm"><img border="0" src="Untitled-3.jpg" width="45" height="25"></a></td>
</tr>
<tr>
<td width="68"><a href="index.htm"><img border="0" src="Untitled-4.jpg" width="45" height="25"></a></td>
</tr>
<tr>
<td width="68"><a href="mydoc007.htm"><img border="0" src="Untitled-5.jpg" width="45" height="25"></a></td>
</tr>
</TBODY>
</table>
</div>
其中图片的名称、大小、方位、超链接等在源代码中自行修改。
=========================================
【双击滚屏，单击停止】
<将以下代码加入HTML的<Body></Body>之间-->
<script language"javascript"> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",10); } function sc(){ clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script>
【背景图片平铺不动】
把如下代码加入<head>区域中 <STYLE TYPE="text/css"> <!-- BODY {background-image: URL(bg.jpg); background-position: tile; background-repeat: yes-repeat; background-attachment: fixed;} --> </STYLE>
或：如下代码加入<body>中 bgProperties=fixed background="bg.jpg"
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【带阴影的图片】（图片名称和阴影色彩数据根据需要改动）
<img src=00.jpg border=0 style="position:static; filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=10)">
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【可拖动的图片】
第一步:把如下代码加入<body>区域中 <style type="text/css"> #plane1 {position:absolute; left:290; top:170; width:121; z-index:0} #plane2 {position:absolute; left:400; top:250; width:118; z-index:0} </style> <SCRIPT LANGUAGE="JavaScript"> //Modified by the CoffeeCup HTML Editor++ //http://www.coffeecup.com // Global variables for platform branching var isNav, isIE if (parseInt(navigator.appVersion) >= 4) { if (navigator.appName == "Netscape") { isNav = true } else { isIE = true } }
// ***Begin CSS custom API Functions*** // Set zIndex property function setZIndex(obj, zOrder) { obj.zIndex = zOrder } // Position an object at a specific pixel coordinate function shiftTo(obj, x, y) { if (isNav) { obj.moveTo(x,y) } else { obj.pixelLeft = x obj.pixelTop = y } } // ***End API Functions***
// Global holds reference to selected element var selectedObj // Globals hold location of click relative to element var offsetX, offsetY
// Find out which element has been clicked on function setSelectedElem(evt) { if (isNav) { // declare local var for use in upcoming loop var testObj // make copies of event coords for use in upcoming loop var clickX = evt.pageX var clickY = evt.pageY // loop through all layers (starting with frontmost layer) // to find if the event coordinates are in the layer for (var i = document.layers.length - 1; i >= 0; i--) { testObj = document.layers if ((clickX > testObj.left) && (clickX < testObj.left + testObj.clip.width) && (clickY > testObj.top) && (clickY < testObj.top + testObj.clip.height)) { // if so, then set the global to the layer, bring it // forward, and get outa here selectedObj = testObj setZIndex(selectedObj, 100) return } } } else { // use IE event model to get the targeted element var imgObj = window.event.srcElement // make sure it's one of our planes if (imgObj.parentElement.id.indexOf("plane") != -1) { // then set the global to the style property of the element, // bring it forward, and say adios selectedObj = imgObj.parentElement.style setZIndex(selectedObj,100) return } } // the user probably clicked on the background selectedObj = null return } // Drag an element function dragIt(evt) { // operate only if a plane is selected if (selectedObj) { if (isNav) { shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY)) } else { shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY)) // prevent further system response to dragging in IE return false } } } // Set globals to connect with selected element function engage(evt) { setSelectedElem(evt) if (selectedObj) { // set globals that remember where the click is in relation to the // top left corner of the element so we can keep the element-to-cursor // relationship constant throughout the drag if (isNav) { offsetX = evt.pageX - selectedObj.left offsetY = evt.pageY - selectedObj.top } else { offsetX = window.event.offsetX offsetY = window.
<tr>
<td width="68"><a href="mydoc007.htm"><img border="0" src="Untitled-5.jpg" width="45" height="25"></a></td>
</tr>
</TBODY>
</table>
</div>
其中图片的名称、大小、方位、超链接等在源代码中自行修改。
=========================================
【双击滚屏，单击停止】
<将以下代码加入HTML的<Body></Body>之间-->
<script language"javascript"> var currentpos,timer; function initialize() { timer=setInterval("scrollwindow()",10); } function sc(){ clearInterval(timer); } function scrollwindow() { currentpos=document.body.scrollTop; window.scroll(0,++currentpos); if (currentpos != document.body.scrollTop) sc(); } document.onmousedown=sc document.ondblclick=initialize </script>
【背景图片平铺不动】
把如下代码加入<head>区域中 <STYLE TYPE="text/css"> <!-- BODY {background-image: URL(bg.jpg); background-position: tile; background-repeat: yes-repeat; background-attachment: fixed;} --> </STYLE>
或：如下代码加入<body>中 bgProperties=fixed background="bg.jpg"
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【带阴影的图片】（图片名称和阴影色彩数据根据需要改动）
<img src=00.jpg border=0 style="position:static; filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=10)">
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【可拖动的图片】
第一步:把如下代码加入<body>区域中 <style type="text/css"> #plane1 {position:absolute; left:290; top:170; width:121; z-index:0} #plane2 {position:absolute; left:400; top:250; width:118; z-index:0} </style> <SCRIPT LANGUAGE="JavaScript"> //Modified by the CoffeeCup HTML Editor++ //http://www.coffeecup.com // Global variables for platform branching var isNav, isIE if (parseInt(navigator.appVersion) >= 4) { if (navigator.appName == "Netscape") { isNav = true } else { isIE = true } }
// ***Begin CSS custom API Functions*** // Set zIndex property function setZIndex(obj, zOrder) { obj.zIndex = zOrder } // Position an object at a specific pixel coordinate function shiftTo(obj, x, y) { if (isNav) { obj.moveTo(x,y) } else { obj.pixelLeft = x obj.pixelTop = y } } // ***End API Functions***
// Global holds reference to selected element var selectedObj // Globals hold location of click relative to element var offsetX, offsetY
// Find out which element has been clicked on function setSelectedElem(evt) { if (isNav) { // declare local var for use in upcoming loop var testObj // make copies of event coords for use in upcoming loop var clickX = evt.pageX var clickY = evt.pageY // loop through all layers (starting with frontmost layer) // to find if the event coordinates are in the layer for (var i = document.layers.length - 1; i >= 0; i--) { testObj = document.layers if ((clickX > testObj.left) && (clickX < testObj.left + testObj.clip.width) && (clickY > testObj.top) && (clickY < testObj.top + testObj.clip.height)) { // if so, then set the global to the layer, bring it // forward, and get outa here selectedObj = testObj setZIndex(selectedObj, 100) return } } } else { // use IE event model to get the targeted element var imgObj = window.event.srcElement // make sure it's one of our planes if (imgObj.parentElement.id.indexOf("plane") != -1) { // then set the global to the style property of the element, // bring it forward, and say adios selectedObj = imgObj.parentElement.style setZIndex(selectedObj,100) return } } // the user probably clicked on the background selectedObj = null return } // Drag an element function dragIt(evt) { // operate only if a plane is selected if (selectedObj) { if (isNav) { shiftTo(selectedObj, (evt.pageX - offsetX), (evt.pageY - offsetY)) } else { shiftTo(selectedObj, (window.event.clientX - offsetX), (window.event.clientY - offsetY)) // prevent further system response to dragging in IE return false } } } // Set globals to connect with selected element function engage(evt) { setSelectedElem(evt) if (selectedObj) { // set globals that remember where the click is in relation to the // top left corner of the element so we can keep the element-to-cursor // relationship constant throughout the drag if (isNav) { offsetX = evt.pageX - selectedObj.left offsetY = evt.pageY - selectedObj.top } else { offsetX = window.event.offsetX offsetY = window.
event.offsetY } } // block mouseDown event from forcing Mac to display // contextual menu. return false } // Restore elements and globals to initial values function release(evt) { if (selectedObj) { setZIndex(selectedObj, 0) selectedObj = null } } // Turn on event capture for Navigator function setNavEventCapture() { if (isNav) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP) } } // Assign event handlers used by both Navigator and IE (called by onLoad) function init() { if (isNav) { setNavEventCapture() } // assign functions to each of the events (works for both Navigator and IE) document.onmousedown = engage document.onmousemove = dragIt document.onmouseup = release } </SCRIPT> <DIV ID=plane1><IMG NAME="planePic1" SRC="clock1.jpg" BORDER=0></DIV> <DIV ID=plane2><IMG NAME="planePic1" SRC="clock2.jpg" BORDER=0></DIV>
第二步:把<body>区域中内容改为: <body bgcolor="#fef4d9" >
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【图片水中倒影】
把如下代码加入<body>区域中 <IMG height=189 id=reflect src="119.gif" width=237><BR> <SCRIPT language=JavaScript1.2> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); }
if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </SCRIPT>
==============================================
怎么样实现键盘翻页(软景模板可直接用)
在模板网页中的<BODY></BODY>之间加上这一段代码(yangzhiyon提供)
</style><SCRIPT language=javascript>
function nextpage() {
if (event.keyCode==37) location=''
if (event.keyCode==39) location='[NEXTPAGE]'
if (event.keyCode==13) location='[INDEXPAGE]'
}
document.onkeydown=nextpage
</SCRIPT>
这段代码代表什么意思
37是左箭头,39是右箭头,13是回车,意思就是按左箭头,翻上一页,按右箭头,翻下一页,按回车,回目录
第二步:把<body>区域中内容改为: <body bgcolor="#fef4d9" >
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【图片水中倒影】
把如下代码加入<body>区域中 <IMG height=189 id=reflect src="119.gif" width=237><BR> <SCRIPT language=JavaScript1.2> function f1(){ setInterval("mdiv.filters.wave.phase+=10",100); }
if (document.all){ document.write('<img id=mdiv src="'+document.all.reflect.src+'" style="filter:wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv()">') window.onload=f1 } </SCRIPT>
==============================================
怎么样实现键盘翻页(软景模板可直接用)
在模板网页中的<BODY></BODY>之间加上这一段代码(yangzhiyon提供)
</style><SCRIPT language=javascript>
function nextpage() {
if (event.keyCode==37) location=''
if (event.keyCode==39) location='[NEXTPAGE]'
if (event.keyCode==13) location='[INDEXPAGE]'
}
document.onkeydown=nextpage
</SCRIPT>
这段代码代表什么意思
37是左箭头,39是右箭头,13是回车,意思就是按左箭头,翻上一页,按右箭头,翻下一页,按回车,回目录
不感兴趣
开通SVIP免广告
百度小说人气榜
扫二维码下载贴吧客户端
下载贴吧APP
看高清直播、视频！
看高清直播、视频！
贴吧热议榜
- 1错认国人,菲律宾女孩遭猎艳2921040
- 2亲戚拜年不说话,沪漂了不起？2053490
- 3鸣潮没二创,二游痴急了1973916
- 4国gal暴死,40万众筹打水漂1736559
- 512人遇难!熊孩子放炮闯祸1326884
- 6王濛痛骂短道队:林孝埈练废了1057550
- 7港人偷拍同胞,阴阳国人没素质900720
- 8金牌夫妻!王心迪徐梦桃顶峰相见740025
- 9老外栽跟头,约会华人遭敲诈582472
- 10台媒酸了:春晚机器人是合成563493
