单页简单目录导航源码(导航生成目录)
本文目录一览:
求一个最简单的相对路径的单页ASP生成HTML源码
把下面的代码存为html.asp,代码中相关按自己要求修改,1.htm和1.asp%
filename="1.htm"
if request("body")"" then
Set fso = Server.CreateObject("Scripting.FileSystemObject")
Set fout = fso.CreateTextFile(server.mappath(""filename""))
fout.Write request("body")
fout.close
set fout=nothing
set fso=nothing
mskrindex="ok"
end if
%
script language="Javascript"
!-- hide
function insertsmilie(smilieface){ document.frmAnnounce.body.value+=smilieface;}
// --
/script
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title生成html/title
/head
body
%if mskrindex="ok" then%
p /p
table border="0" cellspacing="0" width="80%" cellpadding="5"
tr
td align="center"
font color="red"√/font %=Now()%生成成功,点击浏览a target="_blank" href="%=filename%"%=filename%/a
/td
/tr
/table
%else%
table width="95%" border="0" cellspacing="0" cellpadding="2"
tr
form name="frmAnnounce" method="post" action="html.asp"
td
font color="red"b生成/b (生成文件为:%=filename%)/font
/td
/tr
/table
table width="100%" border="0" align="center" cellpadding="2" cellspacing="0" height="90%"
tr
td
textarea style="width:98%; height:90%;" name="body"!--#include file="1.asp"--/textarea
input type="submit" name="Submit" value="生成"
/td
/form
/tr
/table
%
end if
%
/body
/html
简单易懂的jQuery导航(三级菜单)源码
!-- 三级操蛋导航 --
div class="f336-4bf8-7db6-68b3 nav_left"
div class="4bf8-7db6-68b3-6ff0 nav_leftlist"
h2b/b用户系统/h2
dl
dtb/b用户管理/dt
dd
a class="7db6-68b3-6ff0-99bb cur" href=""商户信息b/b/a
a href=""用户信息b/b/a
/dd
/dl
/div
div class="68b3-6ff0-99bb-0b61 nav_leftlist"
h2b/b财务系统/h2
dl
dtb/b系统账务/dt
dd
a href=""平台账单b/b/a
a href=""账单明细b/b/a
/dd
/dl
dl
dtb/b商户账务/dt
dd
a href=""商户账单b/b/a
a href=""提现管理b/b/a
/dd
/dl
dl
dtb/b用户账务/dt
dd
a href=""用户账单b/b/a
a href=""提现管理b/b/a
/dd
/dl
/div
/div
style
.nav_left{background: #232b35;height: 100%;width: 220px;min-height: 600px;position: fixed;top: 100px;left: 0;}
.nav_leftlist{}
.nav_leftlist h2{height: 50px;line-height: 50px;padding-left: 40px;font-size: 16px;background: #3b444f;color: #999999;position: relative;cursor: pointer;}
.nav_leftlist h2 b{position: absolute;top: 20px;left: 13px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 0;cursor: pointer;}
.nav_leftlist h2 b.cur{background-position: -16px 0;}
.nav_leftlist dl{}
.nav_leftlist dl dt{height: 50px;line-height: 50px;background: #2c3643;font-size: 16px;color: #ffffff;padding-left: 60px;position: relative;cursor: pointer;}
.nav_leftlist dl dt b{position: absolute;top: 20px;left: 34px;width: 16px;height: 9px;background: url(../images/icon04.png) no-repeat;background-position: 0 -10px;}
.nav_leftlist dl dt b.cur{background-position: -16px -10px;}
.nav_leftlist dl dd{}
.nav_leftlist dl dd a{display: block;height: 50px;line-height: 50px;color: #fff;padding-left: 80px;font-size: 16px;position: relative;}
.nav_leftlist dl dd a.cur{color: #ee581c;}
.nav_leftlist dl dd a.cur b{display: block;position: absolute;top: 16px;right: -1px;width: 11px;height: 18px;background: url(../images/icon04.png) no-repeat;background-position: 0 -20px;}
/style
/body
script type="text/javascript" src="../js/jquery.js" /script
script type="text/javascript"
$(function(){
$('.nav_leftlist').on('click', 'h2', function(event) {
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click', 'dl dt', function(event) {
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
/script
效果图:
求一个单页网站源码!要纯静态的!越简单越好,
纯静态、简单得不能再简单,请Ctrl+C:
html
title单页网站源码/title
body这是一个单页网站源码/body
/html