共 21篇 前 5 页:    每页5篇 下一页  

网页制作

1、下载msn
2、window2003装msn还真麻烦,找了破击版的遇到msn 主要端口不通问题,通过以下资料搞定查看
lunzi   2011-04-09 16:05:50 阅读:162  评论:0  引用:0
GifSplitter 可以把gif图片分割为n张
lunzi   2011-04-08 16:53:44 阅读:326  评论:1  引用:0
1. 有时候我们并不需要AutoComplete,例如需要用户自己再次输入而非自动完成。只要将所在表单元素的autocomplete属性设置为off即可。
<form>
请双击文本框 <input type="text" name="wd" autocomplete="off"> <input type="text" name="email" autocomplete="off">
</form>

2. 如果所有表单元素都不想使用autocomplete功能

<form autocomplete="off">
请双击文本框 <input type="text" name="wd"> <input type="text" name="email">
</form>

参考

struts扩展html:text标签,增加autocomplete属性,功能为去掉文本框历史记
lunzi   2010-11-12 11:41:36 阅读:1265  评论:0  引用:0
加入以下样式即可:
style="Word-break:break-all"
lunzi   2010-09-15 16:00:06 阅读:195  评论:1  引用:0
marquee图片无缝滚动,先了解一下对象的几个的属性:
innerHTML:     设置或获取位于对象起始和结束标签内的 HTML
scrollHeight: 获取对象的滚动高度。
scrollLeft:    设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:     设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:   获取对象的滚动宽度
offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:    获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:     获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
offsetWidth:   获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度

参考资料一

参考资料二
lunzi   2010-08-26 18:55:50 阅读:778  评论:0  引用:0
FusionCharts做图表比较好用,它通过xml格式进行数据传输。

FusionCharts 的 XML标签属性有一下四种数据类型

* Boolean - 布尔类型,只能为1或者0。例如:<graph showNames=’1′ >
* Number - 数字类型,只能为数字。例如:<graph yAxisMaxValue=’200′ >
* String - 字符串类型,只能为字符串。例如: <graph caption=’My Chart’ >
* Hex Color Code - 十六进制颜色代码,前边没有’#’.例如: <graph bgColor=’FFFFDD’ >

XML中的标签和属性有:
<graph> 所具有的属性
flash背景参数:
* bgColor=”HexColorCode” : 设置flash的背景颜色
* bgAlpha=”NumericalValue(0-100)” : 设置背景的透明度
* bgSWF=”Path of SWF File” : 设置一个外部的Flash 为flash的背景
图表背景参数:
* canvasBgColor=”HexColorCode” : 设置图表背景的颜色
* canvasBaseColor=”HexColorCode” : 设置图表基部的颜色
* canvasBaseDepth=”Numerical Value” : 设置图表基部的高度
* canvasBgDepth=”Numerical Value” : 设置图表背景的深度
* showCanvasBg=”1/0″ : 设置是否显示图表背景
* showCanvasBase=”1/0″ : 设置是否显示图表基部
图表和轴的标题
* caption=”String” : 图表上方的标题
* subCaption=”String” : 图表上方的副标题
* xAxisName= “String” : X轴的名字
* yAxisName= “String” : y轴的名字
图表数量值的限制
* yAxisMinValue=”value”: y轴最小值
* yAxisMaxValue=”value”: y舟最大值
通用参数
* shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name
* showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值
* showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值
* rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示
* animation=”1/0″ : 设置柱型图的显示是否是动画显示
字体属性
* baseFont=”FontName” : 设置字体样式
* baseFontSize=”FontSize” : 设置字体大小
* baseFontColor=”HexColorCode” : 设置字体颜色
* outCnvBaseFont = “FontName” : 设置图表外侧的字体样式
* outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小
* outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色
数字格式选项
* numberPrefix=”$” : 设置数据值的前缀
* numberSuffix=”p.a” : 设置数据值的后缀(如果是特殊字符,需要使用URL Encode重编码)
* formatNumber=”1/0″ : 设置是否格式化数据
* formatNumberScale=”1/0″ : 设置是否用“K”来代表千,“M”来代表百万
* decimalSeparator=”.” : 用指定的字符来代替小数点
* thousandSeparator=”,” : 用指定的字符来代替千位分隔符
* decimalPrecision=”2″ : 设置十进制的精度
* divLineDecimalPrecision=”2″: 设置y轴数值的小数位数
* limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数
水平分隔线
* numdivlines=”NumericalValue” : 设置水平分隔线的数量
* divlinecolor=”HexColorCode” : 设置水平分隔线的颜色
* divLineThickness=”NumericalValue” : 设置水平分隔线的宽度
* divLineAlpha=”NumericalValue0-100″ : 设置水平分隔线的透明度
* showDivLineValue=”1/0″ : 设置是否显示水平分隔线的数值
鼠标旋停参数
* showhovercap=”1/0″ : 显示是否激活鼠标旋停效果
* hoverCapBgColor=”HexColorCode” : 设置鼠标旋停效果的背景颜色
* hoverCapBorderColor=”HexColorCode” : 设置鼠标旋停效果的边框颜色
* hoverCapSepChar=”Char” : 设置鼠标旋停后显示的文本中的分隔符号
图表边距的设置
* chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距
* chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距
* chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距
* chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距
Zero Plane
The zero plane is a 3D plane that signifies the 0 position on the chart. If there are no negative numbers on the chart, you won’t see a visible zero plane.
* zeroPlaneShowBorder=”1/0″ : Whether the border of a 3D zero plane would be plotted or not.
* zeroPlaneBorderColor=”Hex Code” : If the border is to be plotted, this attribute sets the border color for the plane.
* zeroPlaneColor=”Hex Code” : The intended color for the zero plane.
* zeroPlaneAlpha=”Numerical Value 0-100″ : The intended transparency for the zero plane.

<set> 所具有的属性
* name=”string” : 设置在图表中体现出来的名字
Example: <set name=’Jan’ …>
* value=”NumericalValue” : 设置在图表中各个名字想对应的值
Example: <set name=’Jan’ value=’12345′ …>
* color=”HexCode” : 设置在图表中相对应的柱行图的颜色
Example: <set name=’Jan’ value=’12345′ color=’636363′ …>
* hoverText=”String value” : 设置鼠标旋停在相对应的柱行图 上出现的文本内容
Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>
* link=”URL” : 设置该柱行图的链接地址(需要URL Encode重编码)
Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>
* alpha=”Numerical Value 0-100″ : 设置在图表中相对应的柱行图的透明度
Example: <set … alpha=’100′ …>
* showName=”1″ : 设置在是否显示图表中相对应的柱行图的name
Example : <set … showName=”1″ …>
来源

效果查看一
效果查看二
lunzi   2010-01-20 16:05:50 阅读:1150  评论:0  引用:0
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>52css.com - css菜单演示</title>

<style type="text/css">
<!--
*{margin:0;padding:0;border:0;}
body {
font-family: arial, 宋体, serif;
font-size:12px;
}

#nav {
line-height: 24px; list-style-type: none; background:#666;
}

#nav a {
display: block; width: 80px; text-align:center;
}

#nav a:link {
color:#666; text-decoration:none;
}
#nav a:visited {
color:#666;text-decoration:none;
}
#nav a:hover {
color:#FFF;text-decoration:none;font-weight:bold;
}

#nav li {
float: left; width: 80px; background:#CCC;
}
#nav li a:hover{
background:#999;
}
#nav li ul {
line-height: 27px; list-style-type: none;text-align:left;
left: -999em; width: 180px; position: absolute;
}
#nav li ul li{
float: left; width: 180px;
background: #F6F6F6;
}

#nav li ul a{
display: block; width: 156px;text-align:left;padding-left:24px;
}

#nav li ul a:link {
color:#666; text-decoration:none;
}
#nav li ul a:visited {
color:#666;text-decoration:none;
}
#nav li ul a:hover {
color:#F3F3F3;text-decoration:none;font-weight:normal;
background:#C00;
}

#nav li:hover ul {
left: auto;
}
#nav li.sfhover ul {
left: auto;
}
#content {
clear: left;
}
-->
</style>
<script type=text/javascript><!--//--><![CDATA[//><!--
function menuFix() {
var sfEls = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
sfEls.onmouseover=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls.onMouseDown=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls.onMouseUp=function() {
this.className+=(this.className.length>0? " ": "") + "sfhover";
}
sfEls.onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"),

"");
}
}
}
window.onload=menuFix;
//--><!]]></script>
</head>
<body>

<ul id="nav">
<li><a href="http://www.52css.com">产品介绍</a>
<ul>
<li><a href="http://www.52css.com">产品一</a></li>
<li><a href="http://www.52css.com">产品一</a></li>
<li><a href="http://www.52css.com">产品一</a></li>
<li><a href="http://www.52css.com">产品一</a></li>
<li><a href="http://www.52css.com">产品一</a></li>
<li><a href="http://www.52css.com">产品一</a></li>
</ul>
</li>
<li><a href="http://www.52css.com">服务介绍</a>
<ul>
<li><a href="http://www.52css.com">服务二</a></li>
<li><a href="http://www.52css.com">服务二</a></li>
<li><a href="http://www.52css.com">服务二</a></li>
<li><a href="http://www.52css.com">服务二服务二</a></li>
<li><a href="http://www.52css.com">服务二服务二服务二</a></li>
<li><a href="http://www.52css.com">服务二</a></li>
</ul>
</li>
<li><a href="http://www.52css.com">成功案例</a>
<ul>
<li><a href="http://www.52css.com">案例三</a></li>
<li><a href="http://www.52css.com">案例</a></li>
<li><a href="http://www.52css.com">案例三案例三</a></li>
<li><a href="http://www.52css.com">案例三案例三案例三</a></li>
</ul>
</li>
<li><a href="http://www.52css.com">关于我们</a>
<ul>
<li><a href="http://www.52css.com">我们四</a></li>
<li><a href="http://www.52css.com">我们四</a></li>
<li><a href="http://www.52css.com">我们四</a></li>
<li><a href="http://www.52css.com">我们四111</a></li>
</ul>
</li>

<li><a href="http://www.52css.com">在线演示</a>
<ul>
<li><a href="http://www.52css.com">演示</a></li>
<li><a href="http://www.52css.com">演示</a></li>
<li><a href="http://www.52css.com">演示</a></li>
<li><a href="http://www.52css.com">演示演示演示</a></li>
<li><a href="http://www.52css.com">演示演示演示</a></li>
<li><a href="http://www.52css.com">演示演示</a></li>
<li><a href="http://www.52css.com">演示演示演示</a></li>
<li><a href="http://www.52css.com">演示演示演示演示演示</a></li>
</ul>
</li>
<li><a href="http://www.52css.com">联系我们</a>
<ul>
<li><a href="http://www.52css.com">联系联系联系联系联系</a></li>
<li><a href="http://www.52css.com">联系联系联系</a></li>
<li><a href="http://www.52css.com">联系</a></li>
<li><a href="http://www.52css.com">联系联系</a></li>
<li><a href="http://www.52css.com">联系联系</a></li>
<li><a href="http://www.52css.com">联系联系联系</a></li>
<li><a href="http://www.52css.com">联系联系联系</a></li>
</ul>
</li>

</ul>

</body>
</html>
lunzi   2009-11-20 15:44:56 阅读:1229  评论:0  引用:0
什么是SSI?
SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思。从技术角度上说,SSI就是在HTML文件中,可以通过注释行调用的命令或指针。SSI具有强大的功能,只要使用一条简单的SSI命令就可以实现整个网站的内容更新,时间和日期的动态显示,以及执行shell和CGI脚本程序等复杂的功能。

如何使你的Apache服务器支持SSI?

Apache默认是不支持SSI的,需要我们更改httpd.conf来进行配置。我这里以windows平台的Apache 2.0.x为例,打开conf目录下的httpd.conf文件,搜索“AddType text/html .shtml”,搜索结果:


# AddType text/html .shtml
# AddOutputFilter INCLUDES .shtml


把这两行前面的#去掉。


然后搜索“Options Indexes FollowSymLinks”
在搜索到的那一行后面添加“ Includes”
即将该行改变为 Options Indexes FollowSymLinks Includes


保存httpd.conf,重起apache即可。

到此我们就完成了对Apache SSI的设置。

来自
lunzi   2009-10-14 11:02:54 阅读:236  评论:1  引用:0

盒状模型是CSS中重要的概念。虽然CSS中没有盒状模型这个属性,但它却是CSS中无处不在的,盒装模型是由margin、border、padding和content几个属性组合形成的。

    盒状模型中最重要的是内容,它是必备的,其他的几项都是可选的。 如上图,盒状模型有内至外的顺序是:

    content(内容,它可以是文字、图片等。)
    padding(内边距,也有人称之为空白、内补丁等。)
    border(边框。)
    margin(外边距,也可称为边界。)


    padding设置的是内容到边框之间的距离,就像一个缓冲带。
    border设置内容的边框线粗线和样式等。
    margin设置的是一块内容与另一块内容之间的距离。

    使用css定义盒状模型时,我们设置的宽度和高度,只是设置了内容(content)区块的高度和宽度,而不是内容、内边距、边框和外边距的总和。

    如果给盒状模型定义背景,定义后背景将在内容(content)区域和内边距(padding)区域显示,就是图上的蓝色区域,外边框是无法设置背景的。

    从盒状模型的四个构成属性看,一个盒状模型的尺寸应该把这四方面尺寸全部合起来计算:

    盒状模型宽度=左margin宽度+左border宽度+左padding宽度+content宽度+右padding宽度+右border宽度+右margin宽度

    高度的计算方法和宽度计算方法相同,只要把左、右改为上、下即可。


转自
CSS外边距属性(margin)的使用方法
lunzi   2008-12-23 23:34:45 阅读:384  评论:0  引用:0

<!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=gb2312" />
<title>倒计时测试</title>
</head>

<body>
答题记时:
<INPUT id=cz type=hidden value=1>
<INPUT class=inp id=h readOnly size=4 value=0 name=h>时
<INPUT class=inp id=m readOnly size=4 value=1 name=m>分
<INPUT class=inp id=s readOnly size=4 value=0 name=s>秒
<br/>
<script language=
"javascript" type="text/javascript">
var cz=document.getElementById(
"cz");
function show_date_time(){
var h=document.getElementById(
"h");
var m=document.getElementById(
"m");
var s=document.getElementById(
"s");
if(cz.value==1){
window.setTimeout(
"show_date_time()",1000);
}else{
return;
}
s.value=s.value-1;
if(s.value<=0){
if(m.value>=1){
m.value=m.value-1;
s.value=59;
}else{
s.value=0;
}

}
if(m.value<=0){
if(h.value>=1){
h.value=h.value-1;
m.value=59;
}else{
m.value=0;
}
}
if(h.value<=0){
h.value=0;
}
if(h.value<=0&&m.value<=0&&s.value<=0){
alert('您的答题时间到了,系统自动交卷');
return;
}
}
show_date_time();

function stop_time(){
var mi=document.getElementById(
"mi");
if(cz.value==1){
cz.value=0;
mi.value=
"继续"
}else{
cz.value=1;
mi.value=
"暂停";
show_date_time()
}
}
</script>

<input type=
"button" id="mi" value="暂停" onclick="stop_time()" />

</body>
</html>
lunzi   2007-11-06 22:25:11 阅读:1644  评论:0  引用:0
Copyright@2004-2010 powered by YuLog