存档

文章标签 ‘网页设计’

sohu新闻首页大标题采用微软雅黑

2008年11月3日 3 条评论

  今天去sohu新闻看了看,发现,sohu的新闻首页的要闻板块,大标题统一采用了微软雅黑字体。再向下拉网页,所有板块的大标题,都改为微软雅黑字体了。

  查看了下源文件及css文件,确实是雅黑字体:font-family:微软雅黑,宋体;这应该是自奥运会以后才进行的改版吧,以前,首页的要闻或者采用黑体,或者采用的大号的宋体,反正不是雅黑字体。

  再去看看网易的以及新浪的首页大标题,依旧是采用的黑体。

  雅黑字体是微软搞出来的字体,用于英文时是相当的漂亮,用于中文的时候,如果字体过小,如12px或者14px的时候,他的优势并不能显现出来,然而用于更大的字体的时候,就显得非常漂亮了。但是搜狐这次采用雅黑字体,感觉并不是特别的漂亮,原因我也不知道,显得很挤还是啥的问题了。

关于网页制作中一些值得注意的小地方

2008年9月27日 8 条评论

  在平时网页设计中,有些小的地方,自己并没有注意到,今天看到一篇文章,特别摘录过来。

  • CSS 的十六进制颜色代码缩写。习惯了缩写及小写,这才知道,原来不是推荐的写法,为的是减少解析所占用的资源。但同时会增加文件体积。孰优孰劣,有待仔细考证。
  • 无边框。推荐的写法是 border:none;,哈哈,我一直在用这个。 border:0; 只是定义边框宽度为零,但边框样式、颜色还是会被浏览器解析,占用资源。
  • 不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因,这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域,需要 200*200=40, 000 次,占用资源。
  • 慎用 * 通配符。所谓通配符,就是将 CSS 中的所有标签均初始化,不管用的不用的,过时的先进的,一视同仁,这样,大大的占用资源。要有选择的初始化标签。
  • 样式放头上,脚本放脚下。不内嵌,只外链。
  • 坚决不用 CSS 表达式。
  • 使用 <link> 引用样式表,而不是通过 @import 导入。
  • 一般来说,PNG 比 GIF 要小,小得多。再者,GIF 中有多少颜色是被浪费的,很值得优化。
  • 千万不要在 HTML 中缩放图片,一者不好看,二者占资源。
  • 正文字体最好用偶数,12px、14px、16px,效果非常好。特例,15px。
  • block、ul、ol 等上下留出至少一倍行距,左侧至少两倍行距,右侧随意。
  • 段落之间,至少要有一倍行距。
  • 强行指定某些元素的 line-height,正文 1.6 倍于文字大小,标题 1.3 倍。
  • 中文标点用全角。英文夹杂在中文中,左右空格,半角。
  • 中文字体的粗体和斜体,远离较好,利民利己。

  本文摘录自Wordzine

分类: xhtml&css 标签: , ,

本站模板的雏形

2008年1月18日 10 条评论

  昨天跟别人聊天说网页设计啥的,无意中翻到了现在博客模板的最初的形态。这个模板最初是仿照IE7的RSS内置的阅读器的样式做的,样式不是说特别像,只是模仿罢了,无奈原来的颜色我家里笔记本看着实在是有点淡,太费眼睛,所以才把颜色改成了我现在的样子。

  以前的模板也没有怎么改动过,很简单,现在看依然很漂亮的,而且那时候内容少改动少,排版也正确,不像现在的,左侧的这一栏有了明显的左偏,左右两侧的间距有点大了,看着特别的别扭,而我又懒得去进行修改了,因为里面改动太多,修改我都找不到地方了……

  现在的模板还有一个问题,就是有些个别的地方的div闭合啥的位置错了,有的互相嵌套了,比如我要是在后台把Trackbacks关闭的话,我的日志下面的评论也就关闭。还有就是Trackbacks的AJAX的CSS现在也是错的,如果点击的话,弹出来的窗口在左上角甚至看不到了,并不是原来设置的屏幕中间了。主要是采用相对定位引起的,这个知道原因但是不想改了。

  现在就等SAX2.0了,什么时候2.0出来在做新模板吧,现在实在是没有心思了,下一个版本做啥样的呢?

  看看我最初的模板是啥模样吧,就在这里

分类: 网络技术 标签:

你用什么来做你的网页

2008年1月10日 6 条评论

  前一段时间说到了网页里面最基本的一些标签,我忘了,现在仔细想来,不是我忘了,而是我根本就不会用。

  说起我学习网页设计,其实很郁闷的,因为我从来没有系统学习过,买过书,也去图书馆正襟危坐的去看过书,但是,不过就是一种姿态而已,其实在那里坐着我一点也没有学下去,我都不知道我看了点什么,所以我的html可以说是一片空白。但是为啥我又会做几个网页呢,这就要多谢盖茨多谢微软多谢Frontpage了,我早期的网页纯粹的用Frontpage拉出来的,那时候根本也不考虑美观的问题,拉出个网页来就可以了,很简单。用过Frontpage,但是它的功能,依然不会,因为我只是用它搭框架了。

  就这样浑浑噩噩的过了几年,网页依然是那个水平,毫无长进。再后来,开始接触CSS了,发现只用DIV这一个标签再加上CSS就可以很容易就能搭出网页的框架来,再加上我以前html根本就不会,所以所谓的Div+Css很快我就学会了……

  早期我用过Frontpage,后来也用过Dreamweaver,但是我一直很抵触用软件,用这类可视的设计软件,因为我喜欢纯文本的,因为div+css可以用纯文本的就可以写出一个非常完美的网页了,所以我用editplus,所以我到现在依然不会这些软件。

  用纯文本的软件的话,有一个好处,就是在学习阶段,你可以将一些标签一些属性打上无数遍,你也可以记的更牢一些,CSS里面那些不是很难的属性我就是靠一遍遍的输入记住的,至今我还知道border是边框。

  纯文本的不错,但是也有缺点,效率低。如果要高效的完成工作,还是建议多学习下设计软件,没有坏处的。曾经见某些人给我搭一个框架,虽然就是几个表格,但是人家,几分钟下来所有表格加上id和class等等都出来了,剩下的就是我往里面添css代码了,是快。

  如果我有时间的话,我说的是如果,我会学习的,前几天又把以前的视频教程翻出来了,有DW的也有Frontpage的,推荐去学习下,DW的在这里FG的在这里

  本文又是扯淡,工作很紧张,我还在这里扯淡,我对不起党对不起政府对我这么多年的教育,我去工作了。

分类: 网络技术 标签:

魔兽世界的一个页面的登陆入口

2007年11月2日 4 条评论

  刚才去魔兽世界官方网站上转了一圈,主要目的就是去查这个月花了多少点卡,结论非常让人满意,10月费一共就冲值了两张。

  上个月,也就是九月份,刚刚开始玩,因为有CDKEY的原因,所以花的相对多一点,一共冲了四张,而十月份长假回家了,十月中期和月底的几天又加了几次班,每次都是晚上八点左右上线十一点下线,所以点卡相对节省。

  本来我就是本着娱乐为主的目的玩游戏的,现在的这个结果还算是可以,并没有为游戏沦落。现在还是我玩游戏不是游戏玩我。

  刚才在官方网站上还看见一个“我的外域”的征文比赛,不过投稿截止日期是十月二十五号,哈哈,错过了,不过去他们的投稿的页面看了一下,登陆页面还是很漂亮的阿,我就给截了一个图下来了,说不定什么时候我发药蛾子再作一个魔兽世界的风格模板呢,那时候就可能需要用一下魔兽世界官方的这些素材了。

  魔兽世界官方的好多东西搞搞就找不到地方了,说不定把链接放什么位置了,郁闷得很。还有美国那边的网站,上次老蛇让我给他找魔兽世界官方提供的素材包,我明明记得有的阿,结果在下载板块找了半天,除了视频桌面了什么的就是没有找到素材包……可能历史是有点久远了吧,公测的时候我见得。

  本来想把整个页面搞下来的,但是鉴于本人的技术实在是有限,而且官方网站的页面实在是有点乱,就没有搞了,什么时候用的到再去找吧,希望那时候还能够找的到。

  他们的页面的地址是:玩家投稿系统

  最近一段时间魔兽世界一直在开新服,九月以来,《魔兽世界》第八大区接连开放了“米奈希尔”“冬泉谷”“破碎之手”“维克洛尔”等多组全新服务器,这些新服自开放日起便接连爆满,刚才看到的新闻,又要开放一个新的服务器了:

  艾隆纳亚PvP)——艾隆纳亚是泰坦遗迹奥达曼内的一尊女性石巨人,可以说是泰坦在艾泽拉斯大陆上最先留下的造物之一。

分类: 网络技术 标签:

关于网页安全色

2007年3月26日 没有评论

总感觉自己的blog的颜色不正,而且在液晶下面偏色严重,一直不知道是怎么回事,今天在群里一个人说解决偏色的问题用网页安全色或许好点,这才想起来安全色的概念,以前一直用普通的显示器,用液晶的少,所以对于颜色关注的少,而且我用的提取颜色的小软件提取的颜色大部分都不是安全色,看来以后还是要注意这个问题的。

把自己的Blog的模板的颜色修改了一下,不知道现在在液晶下看会是什么效果呢,晚上回家看看再说了……


在 HTML 中,颜色或者表示成十六进制值(如 #FF0000)或者表示为颜色名称 (red)。网页安全色是指以 256 色模式运行时,无论在 Windows 还是在 Macintosh 系统中,在 Netscape Navigator 和 Microsoft Internet Explorer 中的显示相同的颜色。传统经验是,有 216 种常见颜色,而且任何结合了 00、33、66、99、CC 或 FF 对(RGB 值分别为 0、51、102、153、204 和 255)的十六进制值都代表网页安全色。

但测试显示仅有 212 种网页安全色而不是全部 216 种,原因在于 Windows Internet Explorer 不能正确呈现颜色 #0033FF (0,51,255)、#3300FF (51,0,255)、#00FF33 (0,255,51) 和 #33FF00 (51,255,0)。

当 Web 浏览器第一次设置它们的外观时,大部分计算机只显示 265 色(8 位)。今天,大多数计算机都能显示数以千计或数以百万计的颜色(16 位和 32 位),所以如果您为使用当前计算机系统的用户开发站点时,完全没有必要使用浏览器安全调色板。

使用网页安全颜色调色板的一种情况是开发适用于替代 Web 设备,如 PDA 和手机显示屏的站点。许多这类设备只提供黑白色(1 位)或 256 色(8 位)显示屏。

Dreamweaver 中的”立方色”(默认)和”连续色调”调色板使用 216 色网页安全调色板,从这些调色板中选择颜色会显示颜色的十六进制值。

若要选择网页安全范围外的颜色,请单击 Dreamweaver 颜色选择器右上角的”调色盘”按钮打开系统颜色选择器。系统颜色选择器不限于网页安全色。

Netscape Navigator 的 UNIX 版本使用与 Windows 和 Macintosh 版本不同的调色板。如果专门为 UNIX 浏览器开发(或者目标用户是使用 24 位显示器的 Windows 或 Macintosh 用户或使用 8 位显示器的 UNIX 用户),请考虑使用结合了 00、40、80、BF 或 FF 对的十六进制值,这些值产生用于 Sun 系统的网页安全色。

分类: 网络技术 标签:

渐变

2007年1月19日 没有评论


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
             "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<
title>Super-Easy Blendy BackgroundsExample 7</title><

style type="text/css">
.
grad img {
     
height100%;
     
left0px;
     
positionabsolute;
     
top0px;
     
width100%;
     
z-index0;
}
.
box {
     
bordersolid orange 2px;
     
floatleft;
     
margin1px;
     
positionrelative;
     
width165px;
     
padding5px;
}
.
box * {
     
margin0px;
     
positionrelative;
     
z-index1;
}
html .grad {
     
filterprogid:DXImageTransform.Microsoft.AlphaImageLoader (src='grad_white.png'sizingMethod='scale');
}
html .grad img {
     
displaynone;
}
html .box {
    
position:static;
}
.
blue 
     
background-color#2382a1; 
}
.
green 
     
background-color#4be22d; 
}
.
pink 
     
background-color#ff009d;
}</

style><!--[if 

IE 7]>
<
style type="text/css">
.
box {
     
bordersolid red 2px;
     
height:2.5em;
}
</
style>
<![endif]--></

head><

body>
<
div class="box grad blue">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
<
div class="box grad pink">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
<
div class="box grad green">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
</
body>
</
html>

body>
<
div class="box grad blue">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
<
div class="box grad pink">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
<
div class="box grad green">
     <
img src="grad_white.png" />
     <
p>Ooo, <a href="#">linked text</a>!</p>
</
div>
</
body>
</
html>


首页改头换面

2006年11月12日 1 条评论

  我的上个版本的首页用了多长时间了?我也记不太清了,好像是sablog-x版本出来以后吧,因为调用的最新日志是乱码所以更换首页编码,顺便把首页也换了,说起来用的时间也不短了。

  上个版本的就是模仿的angel那里的叶子作的,实在是没有什么新意的,看的时间长了也烦了,早就想换一换了,昨天看电视,一个节目,片头是好多三角形拼来拼去的,特漂亮,我也就灵机一动,把我的首页也改成这种有棱有角的吧,哈哈,很久以前看人家用css画了一所房子,那时候我就超级羡慕,咱没有那水平,搞一个简单点的页面总可以吧。今天下午2点多,看了会电视实在是没有意思,就跑来搞这个首页来了。因为以前也就是听说可以用css控制作三角形什么的,自己实在是没有动过手,所以无从下手,去qq群问问吧,人家放假过周末,只好还是自己搜索了。功夫不负有心人啊,在blueidea找到了样本,看了一下真是让我大跌眼镜,我要的效果竟然那么简单就能做成了……

  别人说还不如用背景图片来的简单,我也知道,但是我就是想用css做一个玩,一边玩一边学点什么东西吧,再说,如果真让我用软件画图的话,我还真不一定会的……可能最后效果还没有这个好的。

  就说简单的三角形吧,真的是没有难度的,打比方画一个正三角形,只要把border两条边定义的宽度和高度一样就可以了,记住只能定义两条边,要是四个边都定义的话就成一款黑板了……样板
.top_2 {
    
float:left;
    
border-top:50px solid #FFFFFF;
    
border-right:50px solid #000000;
    
font0px/0px sans-serif;
}


  我写的一个,不知道什么原因,非要在font设置成0的情况下才正常,不是0的话就多出一块来,我学的不深,问别人也没有结果呢,晚点再说吧。

  本来还想做二级菜单呢,因为我的空间支持镜像吗,想把所有的镜像地址也挂到上边的菜单下面去,不过听说要用js的,那个玩意一点不懂,等研究下别人的成果再说吧,现在首页先暂时这样不动了。哈哈,也算是功劳一件,这个周末没有白过。大家去看看阿,给捧个场哦:http://www.gengbing.com 

  家里那本淘来的html和xhtml权威指南第五版,现在要复习也没有时间看,不过随便翻了几页,发现我不知道的东西实在是太多太多了,以至于更加坚定了我放弃网页设计的念头……

  blueidea斑竹marvellous 写的代码,强人啊,想学习的建议去看看。地址:http://bbs.blueidea.com/viewthread.php?tid=2693267&pid=2859460&page=1&extra=page%3D1#pid2859460

  附源代码
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<
HEAD>
<
META name="Gemeratpr" content="FlashVml(璀灿之星)4.5">
<
META http-equiv="Content-Type" content="text/html;charset=gb2312">
<
META name="KeyWords" content="我的作品,flashvml,璀灿之星,vml极道教程,vml,vmlflash,FYW,lshdic">
<
TITLE>我的作品</TITLE>
<
STYLE>
v:*{behavior:url(#default#VML);position:absolute;}
.mlt{position:static;PADDING-TOP:6;letter-Spacing:4;HEIGHT:20;TEXT-ALIGN:center;margin-bottom:-2}
</
STYLE>
<
script>
function 
window.onerror(){return true;}     //防止您的程序出现错误时弹出提示
</script>
</HEAD>
<BODY bgcolor="#ffffff" style='SCROLLBAR-FACE-COLOR: #002400;
    SCROLLBAR-HIGHLIGHT-COLOR: #002400;
    SCROLLBAR-SHADOW-COLOR: #002400;
    SCROLLBAR-3DLIGHT-COLOR: #002400;
    SCROLLBAR-ARROW-COLOR: #b4fcfc;
    SCROLLBAR-TRACK-COLOR: #48b424;
    SCROLLBAR-DARKSHADOW-COLOR: #002400;
    SCROLLBAR-BASE-COLOR: #002400;FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=gold,endColorStr=skyblue);'>
<bgsound loop=1 id=bgsound1>
<bgsound loop=-1 id=bgsound2>
<script>
//页面启动更新函数
var ltime=null,ltext='if(document.readyState!="complete"){status=status+"."}else{clearInterval(ltime);status="艺术

家:marvellous,出品日期:2006年11月12日 20:12:20"}';
status='页面资源正在加载,请等待.'
ltime=setInterval(ltext,200)
function window.onload(){
}
</script>

<Script>
var mtime1=null,showo1=null,selo1=null     //用户VML右键扩展菜单
function menushow(mobj1,maxwid,ssudu){     //menushow(菜单id,项平均宽度,打开伸展速度)
if(mtime1!=null){clearInterval(mtime1);mtime1=null}
mobj1.style.left=event.x;mobj1.style.top=event.y;
showo1=mobj1.all.tags("roundrect");var showlens=showo1.length
for(i=0;i<showlens;i++){showo1[i].style.width=0;showo1[i].style.visibility="hidden"}
mobj1.style.display=""
mtime1=setInterval("for(i=0;i<"+showlens+";i++){showo1[i].style.visibility='';if(showo1[i].offsetWidth<"+maxwid+"){showo1

[i].style.width=showo1[i].offsetWidth+"+ssudu+";break;}else{if(i=="+(showlens-1)+"){clearInterval(mtime1);mtime1=null}}}",10)
}
function menuclose(mobj12,ssudu2){     //menushow(菜单id,关闭压缩速度)
if(mtime1!=null)return false
showo1=mobj12.all.tags("roundrect");var showlens=showo1.length-1
mtime1=setInterval("for(i="+showlens+";i>-1;i--){if(showo1[i].offsetWidth>0){try{showo1[i].style.width=showo1[i].offsetWidth

-"+ssudu2+";break;}catch(e){showo1[i].style.visibility='hidden';if(i==0){clearInterval(mtime1);mtime1=null}}}}",10)
}
var rname="roundrect"
function document.body.onmouseup(){
var tobj1=event.srcElement
if(event.button==2&&tobj1.scopeName=='HTML'){menushow(menu2,65,25);menu2_2.style.display='none';return false}if

(event.button==2&&tobj1.scopeName!='HTML'&&tobj1.parentElement.id.indexOf('menu2')==-1){selo1=tobj1;menushow

(menu2_2,60,20);menu2.style.display='none';return false}if(event.button==1&&tobj1.tagName!=rname){clearInterval

(mtime1);mtime1=null;menu2.style.display=='none'?menuclose(menu2_2,30):menuclose(menu2,40)}
}
function document.body.oncontextmenu(){return false}

var http1=null,oldstu1=""
function yibu(){
switch(http1.readyState){
case 1:
status="语法加亮申请进度:正在异步连接服务器提交内容申请";break;
case 2:
status="语法加亮申请进度:已将数据载入内存";break;
case 3:
status="语法加亮申请进度:准备实例化创建脚本调用接口";break;
case 4:
status="语法加亮申请进度:完成、准备输出结果"
if(http1.status==200){
var newwin1=window.open("")
newwin1.document.open();newwin1.document.write(http1.responseText);newwin1.document.close();
}
if(http1.status!=0&&http1.status!=200){
if(confirm("语法加亮申请进度:连接URL服务器超时或拒绝XMLHTTP内容申请,或者您未上网\n\n您想去LureCoder主页手动查看加亮的源代码

吗?")){
window.open("http://www.lshdic.cn/lurecoder.asp")
}}
status=oldstu1;
}}
function getsource(url){
if(http1==null)http1=new ActiveXObject("Microsoft.XMLHTTP")
if(url==null||url==""){window.open("http://www.lshdic.cn/lurecoder.asp");return false}
url=url.toLowerCase();if(url.indexOf('file://')==0){if(confirm("您当前是在本地测试性弹出窗口使用该指令,该功能无法查看\n\n您

想去LureCoder主页手动查看加亮的源代码吗?"))window.open("http://www.lshdic.cn/lurecoder.asp");return false}
if(url.indexOf('http://')!=0||url.indexOf('.')==-1){alert("URL无效");return false}
var str1="http://www.lshdic.cn/lurecoder.asp?badpost=1&defaultcolor=rgb(0,0,0)&codecolor=rgb(0,0,180), rgb(170,0,170), rgb

(0,0,0), rgb(255,0,0), rgb(255,0,0), rgb(0,0,180), rgb(21,133,21), rgb(0,0,255), rgb(255,0,0), rgb(0,0,255), rgb(255,0,0), 

rgb(0,0,0)&ck1=0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11&ck2=2, 4, 11&ck3=5&url="+escape(url.replace(/\+/g,'&$x;'))
str1=str1.replace(/ /g,"+")
if(http1.readyState!=0)http1.abort()
http1.onreadystatechange=yibu
http1.open("post",str1,true)
http1.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
http1.send(str1)
}
</script>

<span id=menu2 style="position:absolute;Z-INDEX:60000;LEFT:395;TOP:210;color:#739EFE;cursor:hand;display:none;font-

size:12px;font-family:宋体" onmouseover="var eobj=event.srcElement;if(eobj.tagName==rname)

{eobj.strokecolor='blue';eobj.style.color='blue';eobj.style.marginLeft=10}" onmouseout="var eobj=event.srcElement;if

(eobj.tagName==rname){eobj.strokecolor='#739EFE';eobj.style.color='#739EFE';eobj.style.marginLeft=0}" 

onclick="menu2.style.display='none'">
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==800)alert('当前分辨率已经是800*600,无法使

用');else document.body.style.zoom=1.27">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>80*60</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.body.style.zoom=1">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>AU*TO</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==1024)alert('当前分辨率已经是1024*768,无法使

用');else document.body.style.zoom=0.77">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>102*76</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(screen.width==1152)alert('当前分辨率已经是1152*864,无法使

用');else document.body.style.zoom=0.64">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>115*86</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="location.reload()">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>刷新</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.execCommand('SelectAll')">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>全选</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="getsource(self.location.href)">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>源文件</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.execCommand('print')">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>打印</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="var str1=prompt('请输入一个标识背景颜色二进制/RGB/英文名称代码

',document.bgColor);if(str1!=null&&str1!='')document.bgColor=str1">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>背景</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="document.body.scroll==''?

document.body.scroll='no':document.body.scroll=''">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>滚动条</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="if(bgsound2.src==''){alert('bgsound2未指定src,媒体标记未指定

音乐资源文件,操作无效')}else{bgsound2.volume!=-10000?bgsound2.volume=-10000:bgsound2.volume=0}">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>音乐开关</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#739EFE onclick="with(document){var temp1=[];temp1[0]

=body.children.length;temp1[1]=0;temp1[3]=0;window.name=='lshdic1'?temp1[2]='FlashVml模拟运行状态':temp1[2]='浏览器常规运行状

态';for(i=0;i<temp1[0];i++){if(body.children[i].scopeName=='v'){temp1[1]++;temp1[3]+=body.children

[i].outerHTML.length}};alert('1:VML作品名:'+title+'\n2:XVML名域命名:'+namespaces(0).name+'\n3:文件大小(数据流):'+all

(0).outerHTML.length+'字\n4:Vml元素合计:'+temp1[1]+'个,'+temp1[3]+'字\n5:Group组合计:'+all.tags('group').length+'个\n6:当前运

行状态:'+temp1[2])}" style="margin-bottom:0;">
<v:fill type=gradient opacity=.4 color=#739EFE angle="50"/>统计</v:roundrect><br>
</span>

<span id=menu2_2 style="position:absolute;Z-INDEX:60000;LEFT:395;TOP:210;color:#72AC93;cursor:hand;display:none;font-

size:12px;font-family:宋体" onmouseover="var eobj=event.srcElement;if(eobj.tagName==rname)

{eobj.strokecolor='green';eobj.style.color='green';eobj.style.marginLeft=10}" onmouseout="var eobj=event.srcElement;if

(eobj.tagName==rname){eobj.strokecolor='#72AC93';eobj.style.color='#72AC93';eobj.style.marginLeft=0}" 

onclick="menu2_2.style.display='none'">
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="if(confirm('1:图形类型:'+selo1.tagName+'\n2:输出序

列:'+selo1.sourceIndex+'\n3:父对象类型:'+selo1.parentElement.tagName+' 父对象id:'+selo1.parentElement.id+'\n4:子对象个

数:'+selo1.children.length+'\n5:图形数据流:'+selo1.outerHTML.length+'\n6:图形源代码:\n\n'+selo1.outerHTML.replace(/<\?

xml\:namespace.*?\/>/g,'')+'\n\n是否复制图形源代码?'))clipboardData.setData('text',selo1.outerHTML.replace(/<\?

xml\:namespace.*?\/>/g,''))">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>分析</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.removeNode()">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>删除</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.contentEditable=true">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>编辑</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick='var tempn1=selo1.tagName.toLowerCase();if(tempn1=="textbox")

{alert("Textbox文本无法应用");return false};temp1="";if(selo1.style.flip!=null){temp1=selo1.style.flip.replace(" 

","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){selo1.style.flip="x";return false}}if(temp1=="xy")

{selo1.style.flip="y"};if(temp1=="x"){selo1.style.flip=""}else if(temp1=="y"){selo1.style.flip="x y"}else if(temp1=="")

{selo1.style.flip="x"};'>
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>反转</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick='var tempn1=selo1.tagName.toLowerCase();if(tempn1=="textbox")

{alert("Textbox文本无法应用");return false};temp1="";if(selo1.style.flip!=null){temp1=selo1.style.flip.replace(" 

","").toLowerCase();if(temp1.replace("x","").replace("y","")!=""){selo1.style.flip="x";return false}}if(temp1=="xy")

{selo1.style.flip="x"};if(temp1=="y"){selo1.style.flip=""}else if(temp1=="x"){selo1.style.flip="x y"}else if(temp1=="")

{selo1.style.flip="y"};'>
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>颠倒</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="if(selo1.style.rotation==null){var temp1=0}else{var 

temp1=selo1.style.rotation};var str1=prompt('请输入一个标识顺时针旋转角度的数字',temp1);if(str1!=null&&str1!=''&&isNaN(str1)

==false)selo1.style.rotation=str1">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>旋转</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.style.zoom=2">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>*2</v:roundrect><br>
<v:roundrect class=mlt arcsize=.5 strokecolor=#72AC93 onclick="selo1.style.zoom=0" style="margin-bottom:0;">
<v:fill type=gradient opacity=.4 color=#72AC93 angle="50"/>原大小</v:roundrect><br>
</span>

<v:shape id=vml0 style="Z-INDEX:3002;LEFT:348;WIDTH:100;TOP:55;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="black" 

strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-149,149,0,149,0,1 xe">
<v:fill type="frame" opacity="1"/>
</v:shape>
<v:shape id=vml1 style="Z-INDEX:3002;LEFT:551;WIDTH:100;TOP:180;HEIGHT:100;flip:x y" coordsize="100,100" filled="t" 

fillcolor="black" strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-149,149,0,149,0,1 xe">
<v:fill type="frame" opacity="1"/>
</v:shape>
<v:rect id=vml2 style="Z-INDEX:3017;LEFT:349;WIDTH:301;TOP:131;HEIGHT:73" filled="t" fillcolor="black" strokecolor="black" 

strokeweight="1px">
<v:fill type="frame" opacity="1"/>
</v:rect>
<v:shape id=vml4 style="Z-INDEX:3042;LEFT:722;WIDTH:100;TOP:376;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="white" 

strokecolor="black" strokeweight="1px" path=" m0,0 l0,0 xe"/>
<v:shape id=vml5 style="Z-INDEX:3054;LEFT:320;WIDTH:100;ZOOM:0.6;TOP:156;HEIGHT:100" coordsize="100,100" filled="t" 

fillcolor="#77fac3" strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-50,48,101,49,150,-1 xe">
<v:fill type="gradientRadial" opacity="1" color2="#71b244" angle="0"/>
<v:extrusion on="t" foredepth="0" backdepth="0" color="white" diffusity="72089f"/>
<br>
<center>
<Font Size=5 Face="微软简行楷"><Font Color="#FF0080">上</Font><Font Color="#C03F9F">山</Font><Font Color="#807FBF">擒

</Font><Font Color="#40BFDF">虎</Font><Font Color="#001166">易</Font></Font>
</v:shape>
<v:shape id=vml6 style="Z-INDEX:3061;LEFT:403;WIDTH:100;TOP:399;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="white" 

strokecolor="black" strokeweight="1px" path=" m0,0 l0,0 xe"/>
<v:shape id=vml7 style="Z-INDEX:3063;LEFT:602;WIDTH:100;TOP:356;HEIGHT:100" coordsize="100,100" filled="t" fillcolor="white" 

strokecolor="black" strokeweight="1px" path=" m0,0 l0,0 xe"/>
<v:shape id=vml9 style="Z-INDEX:3054;LEFT:432;WIDTH:100;ZOOM:0.6;TOP:156;HEIGHT:100" coordsize="100,100" filled="t" 

fillcolor="#ecf184" strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-50,48,101,49,150,-1 xe">
<v:fill type="gradientRadial" opacity="1" color2="#ec9e12"/>
<v:extrusion on="t" foredepth="0" backdepth="0" color="white" diffusity="72089f"/>

<br>
<center>
<Font Size=5 Face="微软简行楷"><Font Color="#FF0000">开</Font><Font Color="#C0C000">口</Font><Font Color="#00C07F">告

</Font><Font Color="#0030FF">人</Font><Font Color="#FF00FF">难</Font></Font>
</v:shape>
<v:shape id=vml10 style="Z-INDEX:3054;LEFT:544;WIDTH:100;ZOOM:0.6;TOP:156;HEIGHT:100" coordsize="100,100" filled="t" 

fillcolor="#dafc64" strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-50,48,101,49,150,-1 xe">
<v:fill type="gradientRadial" opacity="1" color2="#18a2f7"/>
<v:extrusion on="t" foredepth="0" backdepth="0" color="white" diffusity="72089f"/>

<br>
<center>
<Font Size=5 Face="微软简行楷"><Font Color="#FF00FF">识</Font><Font Color="#00C080">得</Font><Font Color="#FF0000">英

</Font><Font Color="#00C07F">雄</Font><Font Color="#FF00FF">胆</Font></Font>
</v:shape>
<v:shape id=vml11 style="Z-INDEX:3054;LEFT:656;WIDTH:100;ZOOM:0.6;TOP:156;HEIGHT:100" coordsize="100,100" filled="t" 

fillcolor="#18be35" strokecolor="black" strokeweight="1px" path=" m0,0 l0,0,-50,48,101,49,150,-1 xe">
<v:fill type="gradientRadial" opacity="1" color2="#dafc64"/>
<v:extrusion on="t" foredepth="0" backdepth="0" color="white" diffusity="72089f"/>

<br>
<center>
<Font Size=5 Face="微软简行楷"><Font Color="#FF0000">再</Font><Font Color="#C0C000">过</Font><Font Color="#00C07F">美

</Font><Font Color="#0030FF">人</Font><Font Color="#FF00FF">关</Font></Font>
</v:shape>
<SCRIPT>     //快速使预隐藏图形及时隐藏
try{
var boyobj=document.body.children,boyobjlen=boyobj.length
for(i=0;i<boyobjlen;i++){
if(boyobj[i].ych!=null)boyobj[i].style.display='none';
if(boyobj[i].tagName=="group"){
boyobj[i].contentEditable=false;
for(r=0;r<boyobj[i].children.length;r++){if(boyobj[i].children[r].ych!=null)boyobj[i].children[r].style.display='none';}
}
}}catch(e){}
</SCRIPT>
</BODY>
</HTML>


分类: xhtml&css 标签: