晨彦电脑科技 Belong to oneself's sky
RSS
右下角,可关闭,检测IP,根据来访地区在框架中打开不同的网页
雪糕先生 发布于 2009/08/11 18:00 不指定
如何让我们的网页更加人性化,自动化,根据来访者的不同IP来选择我们子框架中的网页呢?
我以右下角可关闭广告代码为例:
首先编写一个JS文件: area_ip.js 内容如下:
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(1086) , Via 本站原创
, ,
实现页面不同位置间平滑滚动的两种解决方案
雪糕先生 发布于 2009/08/11 14:36 不指定
在网页设计中，当页面较长或是想实现一个导航效果时，我们经常会用锚点来实现同一页面间不同位置的跳转。但是这样做也许会造成用户的一种困惑——当用锚点跳转时，页面内容瞬间发生了改变，用户也许就会想：我还在原来的那个页面上吗？如果我们能把这种情况做成平滑滚动的效果（而非瞬间跳转到页面的另一个位置），就可以获得一个好的用户体验。

对于这种情况的解决方案可能已经有不少，这里我找到两个感觉比较好的与大家分享：

解决方案一：

这个方法使用起来非常简单（当然功能单一，也没有乱七八糟的参数可配置）：将smoothscroll.js文件在head标签中引用，页面中所有锚点跳转的效果都变成了平滑滚动。

smoothscroll.js 文件内容如下
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(756) , Via 本站原创
, ,
APMServ一键快速搭建Apache+PHP+MySQL+Nginx+Memcached+ASP运行平台[教程]
雪糕先生 发布于 2009/07/18 14:46 不指定

对于很多刚学习建站的新手，都有着这样的苦恼，PHP程序越来越多，而且大部分都是开源，想学习php或用php程序建站，可看着php运行环境的设置，就不知道从何下手，和IIS设置不一样，php运行环境的软件比如：Apache,mysql等都是英文的，今天给大家介绍一款多功能运行环境搭建软件APMServ。

APMServ软件介绍：

　　APMServ 5.2.6 是一款拥有图形界面的快速搭建Apache 2.2.9、PHP 5.2.6、MySQL 5.1.28＆4.0.26、Nginx 0.7.19、Memcached 1.2.4、phpMyAdmin 2.11.9.2、OpenSSL、SQLite、ZendOptimizer，以及ASP、CGI、Perl网站服务器平台的绿色软件。无需安装，具有灵活的移动性，将其拷贝到其它目录、分区或别的电脑时，均只需点击APMServ.exe中的启动按钮，即可自动进行相关设置，将Apache和MySQL安装为系统服务并启动。APMServ集合了Apache稳定安全的优点，并拥有跟IIS一样便捷的图形管理界面，同时支持MySQL 5.0 & 4.0两个版本，虚拟主机、虚拟目录、端口更改、SMTP、上传大小限制、自动全局变量、SSL证书制作、缓存性能优化等设置，只需鼠标一点即可完成。

Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(2085) , Via 本站原创
, , , , , , ,
网站搬家域名变更301重定向方法
雪糕先生 发布于 2009/07/17 17:58 不指定
首先在原域名首页 index.php 中全部替换使用如下代码：
引用
<?php
$url="http://btos.com/".$_SERVER["REQUEST_URI"]; //取得域名地址
header("HTTP/1.1 301 Moved Permanently"); //发出301定向命令请求
header ("Location:http://www.btoss.com/"); //转向新域名地址
?>


实现域名重定向。

下一步是最重要的了，针对搜索引擎的301重定向，在你的页面模版中，添加如下JS代码：
Actions
　
网页特效 , 评论(0) , 引用(0) , 阅读(1024) , Via 本站原创
PHP下载CSS文件中的图片[转]
雪糕先生 发布于 2009/07/12 12:50 不指定
作为一个资深并且专业的扒皮人员，在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。

在扒皮过程中，必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件，其中可能会有上百个需要下载的图片，那么使用下面这段小代码是最为合适的了。
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(712) , Via 百度- tian 的空間
把CSS文件改成PHP
雪糕先生 发布于 2009/07/12 12:45 不指定
头部加入：
引用
if(extension_loaded('zlib')) {ob_start('ob_gzhandler');} header("Content-type: text/css");


尾部加入：
引用
if(extension_loaded('zlib')) {ob_end_flush();}


这样一来php文件就可以被用作css了。在试验中没发现问题，修改起来也很方便。
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(1007) , Via 本站原创
避免网页图片链接失效后出现的小红叉
雪糕先生 发布于 2009/07/12 12:37 不指定
很多人一直都没在意到这个细节，只管坚持着“错了就改过来”的原则去做站。
但是错误总是在所难免的，我们也不是有很多时间去测试去检查错误！
那如何避免网页上出现“可爱”的小红叉呢？
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(1138) , Via 本站原创
颜色对照表
雪糕先生 发布于 2009/07/06 11:58 不指定
颜色英文代码形像颜色HEX格式RGB格式
　LightPink浅粉红#FFB6C1 255,182,193
　Pink粉红#FFC0CB 255,192,203
　Crimson猩红#DC143C 220,20,60
　LavenderBlush脸红的淡紫色#FFF0F5 255,240,245
　PaleVioletRed苍白的紫罗兰红色#DB7093 219,112,147
　HotPink热情的粉红#FF69B4 255,105,180
　DeepPink深粉色#FF1493 255,20,147
　MediumVioletRed适中的紫罗兰红色#C71585 199,21,133
　Orchid兰花的紫色#DA70D6 218,112,214
　Thistle蓟#D8BFD8 216,191,216
　plum李子#DDA0DD 221,160,221
　Violet紫罗兰#EE82EE 238,130,238
　Magenta洋红#FF00FF 255,0,255
　Fuchsia灯笼海棠(紫红色)#FF00FF 255,0,255
　DarkMagenta深洋红色#8B008B 139,0,139
　Purple紫色#800080 128,0,128
　MediumOrchid适中的兰花紫#BA55D3 186,85,211
　DarkVoilet深紫罗兰色#9400D3 148,0,211
　DarkOrchid深兰花紫#9932CC 153,50,204
　Indigo靛青#4B0082 75,0,130
　BlueViolet深紫罗兰的蓝色#8A2BE2 138,43,226
　MediumPurple适中的紫色#9370DB 147,112,219
　MediumSlateBlue适中的板岩暗蓝灰色#7B68EE 123,104,238
　SlateBlue板岩暗蓝灰色#6A5ACD 106,90,205
　DarkSlateBlue深岩暗蓝灰色#483D8B 72,61,139
　Lavender熏衣草花的淡紫色#E6E6FA 230,230,250
　GhostWhite幽灵的白色#F8F8FF 248,248,255
　Blue纯蓝#0000FF 0,0,255
　MediumBlue适中的蓝色#0000CD 0,0,205
　MidnightBlue午夜的蓝色#191970 25,25,112
　DarkBlue深蓝色#00008B 0,0,139
　Navy海军蓝#000080 0,0,128
　RoyalBlue皇军蓝#4169E1 65,105,225
　CornflowerBlue矢车菊的蓝色#6495ED 100,149,237
　LightSteelBlue淡钢蓝#B0C4DE 176,196,222
　LightSlateGray浅石板灰#778899 119,136,153
　SlateGray石板灰#708090 112,128,144
　DoderBlue道奇蓝#1E90FF 30,144,255
　AliceBlue爱丽丝蓝#F0F8FF 240,248,255
　SteelBlue钢蓝#4682B4 70,130,180
　LightSkyBlue淡蓝色#87CEFA 135,206,250
　SkyBlue天蓝色#87CEEB 135,206,235
　DeepSkyBlue深天蓝#00BFFF 0,191,255
　LightBLue淡蓝#ADD8E6 173,216,230
　PowDerBlue火药蓝#B0E0E6 176,224,230
　CadetBlue军校蓝#5F9EA0 95,158,160
　Azure蔚蓝色#F0FFFF 240,255,255
　LightCyan淡青色#E1FFFF 225,255,255
　PaleTurquoise苍白的绿宝石#AFEEEE 175,238,238
　Cyan青色#00FFFF 0,255,255
　Aqua水绿色#00FFFF 0,255,255
　DarkTurquoise深绿宝石#00CED1 0,206,209
　DarkSlateGray深石板灰#2F4F4F 47,79,79
　DarkCyan深青色#008B8B 0,139,139
　Teal水鸭色#008080 0,128,128
　MediumTurquoise适中的绿宝石#48D1CC 72,209,204
　LightSeaGreen浅海洋绿#20B2AA 32,178,170
　Turquoise绿宝石#40E0D0 64,224,208
　Auqamarin绿玉\碧绿色#7FFFAA 127,255,170
　MediumAquamarine适中的碧绿色#00FA9A 0,250,154
　MediumSpringGreen适中的春天的绿色#F5FFFA 245,255,250
　MintCream薄荷奶油#00FF7F 0,255,127
　SpringGreen春天的绿色#3CB371 60,179,113
　SeaGreen海洋绿#2E8B57 46,139,87
　Honeydew蜂蜜#F0FFF0 240,255,240
　LightGreen淡绿色#90EE90 144,238,144
　PaleGreen苍白的绿色#98FB98 152,251,152
　DarkSeaGreen深海洋绿#8FBC8F 143,188,143
　LimeGreen酸橙绿#32CD32 50,205,50
　Lime酸橙色#00FF00 0,255,0
　ForestGreen森林绿#228B22 34,139,34
　Green纯绿#008000 0,128,0
　DarkGreen深绿色#006400 0,100,0
　Chartreuse查特酒绿#7FFF00 127,255,0
　LawnGreen草坪绿#7CFC00 124,252,0
　GreenYellow绿黄色#ADFF2F 173,255,47
　OliveDrab橄榄土褐色#556B2F 85,107,47
　Beige米色(浅褐色)#6B8E23 107,142,35
　LightGoldenrodYellow浅秋麒麟黄#FAFAD2 250,250,210
　Ivory象牙#FFFFF0 255,255,240
　LightYellow浅黄色#FFFFE0 255,255,224
　Yellow纯黄#FFFF00 255,255,0
　Olive橄榄#808000 128,128,0
　DarkKhaki深卡其布#BDB76B 189,183,107
　LemonChiffon柠檬薄纱#FFFACD 255,250,205
　PaleGodenrod灰秋麒麟#EEE8AA 238,232,170
　Khaki卡其布#F0E68C 240,230,140
　Gold金#FFD700 255,215,0
　Cornislk玉米色#FFF8DC 255,248,220
　GoldEnrod秋麒麟#DAA520 218,165,32
　FloralWhite花的白色#FFFAF0 255,250,240
　OldLace老饰带#FDF5E6 253,245,230
　Wheat小麦色#F5DEB3 245,222,179
　Moccasin鹿皮鞋#FFE4B5 255,228,181
　Orange橙色#FFA500 255,165,0
　PapayaWhip番木瓜#FFEFD5 255,239,213
　BlanchedAlmond漂白的杏仁#FFEBCD 255,235,205
　NavajoWhiteNavajo白#FFDEAD 255,222,173
　AntiqueWhite古代的白色#FAEBD7 250,235,215
　Tan晒黑#D2B48C 210,180,140
　BrulyWood结实的树#DEB887 222,184,135
　Bisque(浓汤)乳脂,番茄等#FFE4C4 255,228,196
　DarkOrange深橙色#FF8C00 255,140,0
　Linen亚麻布#FAF0E6 250,240,230
　Peru秘鲁#CD853F 205,133,63
　PeachPuff桃色#FFDAB9 255,218,185
　SandyBrown沙棕色#F4A460 244,164,96
　Chocolate巧克力#D2691E 210,105,30
　SaddleBrown马鞍棕色#8B4513 139,69,19
　SeaShell海贝壳#FFF5EE 255,245,238
　Sienna黄土赭色#A0522D 160,82,45
　LightSalmon浅鲜肉(鲑鱼)色#FFA07A 255,160,122
　Coral珊瑚#FF7F50 255,127,80
　OrangeRed橙红色#FF4500 255,69,0
　DarkSalmon深鲜肉(鲑鱼)色#E9967A 233,150,122
　Tomato番茄#FF6347 255,99,71
　MistyRose薄雾玫瑰#FFE4E1 255,228,225
　Salmon鲜肉(鲑鱼)色#FA8072 250,128,114
　Snow雪#FFFAFA 255,250,250
　LightCoral淡珊瑚色#F08080 240,128,128
　RosyBrown玫瑰棕色#BC8F8F 188,143,143
　IndianRed印度红#CD5C5C 205,92,92
　Red纯红#FF0000 255,0,0
　Brown棕色#A52A2A 165,42,42
　FireBrick耐火砖#B22222 178,34,34
　DarkRed深红色#8B0000 139,0,0
　Maroon栗色#800000 128,0,0
　White纯白#FFFFFF 255,255,255
　WhiteSmoke白烟#F5F5F5 245,245,245
　GainsboroGainsboro#DCDCDC 220,220,220
　LightGrey浅灰色#D3D3D3 211,211,211
　Silver银白色#C0C0C0 192,192,192
　DarkGray深灰色#A9A9A9 169,169,169
　Gray灰色#808080 128,128,128
　DimGray暗淡的灰色#696969 105,105,105
　Black纯黑#000000 0,0,0
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(673) , Via 本站原创
, , , ,
让广告代码不影响你的网页加载速度的方法
雪糕先生 发布于 2009/06/10 20:10 不指定
我们做网站可能有体会.做一些联盟广告时.由于联盟广告的加载慢.严重影响了整体页面的显示速度.所以我把下面这段代码贴出.希望对大家有所帮助.

第一步：把这段代码放在你要放广告的网页位置：
引用
<SPAN id=ad_01>广告载入中...</SPAN>
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(671) , Via 本站原创
,
Iframe框架嵌套代码的使用方法.
雪糕先生 发布于 2009/05/09 10:24 不指定
在做网页时,有时我们会需要框架嵌套另一网页,就会用到iframe了,但你知道iframe也有很多的参数吗?
引用
<Iframe src="http://btoss.com/example.htm" width="300" heitht="100"></iframe>

  example.htm 是被嵌入的页面，标签 <iframe> 还有一些可用的参数设置如下：
  marginwidth:网页中内容在表格右侧的预留宽度；例如：marginwidth="20"，单位是 pix，下同。
  marginheight:网页中内容在表格顶部预留的高度；
  hspace:网页右上角的的横坐标；
  vspace:网页右上角的纵坐标；
  frameborder:是否显示边缘；填"1"表示"是"，填"0"表示"否"
  scrolling:是否出现滚动条；填"1"表示"是"，填"0"表示"否"
在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢？下面笔者介绍用iframe来实现的方法。
　　iframe元素的功能是在一个文档里内嵌一个文档，创建一个浮动的帧。其部分属性简介如下：
　　name：内嵌帧名称
　　width：内嵌帧宽度(可用像素值或百分比)
　　height：内嵌帧高度(可用像素值或百分比)
　　frameborder：内嵌帧边框
　　marginwidth：帧内文本的左右页边距
　　marginheight：帧内文本的上下页边距
　　scrolling：是否出现滚动条(“auto”为自动，“yes”为显示，“no”为不显示)
　　src：内嵌入文件的地址
　　style：内嵌文档的样式(如设置文档背景等)
　　allowtransparency：是否允许透明
　　明白了以上属性后，我们可用以下代码实现，在main.htm中把samper.htm文件的内容显示在一个高度为80、宽度为100%、自动显示边框的内嵌帧中
让iframe自动适应内容的高度
引用
<script>
function autoResize()
{
try
{
document.all["inner"].style.height=inner.document.body.scrollHeight
}
catch(e){}
}
</script>
<iframe name="inner" src="http://btoss.com/example.htm" marginwidth="0" marginheight="0" frameborder="0" scrolling="no" width="100%" style="height:expression(1); aho:expression(autoResize())"></iframe>
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(2269) , Via 本站原创
, , , ,
让网页随机显示信息
雪糕先生 发布于 2009/05/05 14:37 不指定
为要让我们的网页更加人性化些,比如增加一条随机的问候词......可以把如下代码加入<body >区域中就能达到这种效果了!
[quote]<script language="JavaScript">
<!-- Hide
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(853) , Via 本站原创
, , , ,
网页弹出确定消息框,不同选择进入不同网页链接
雪糕先生 发布于 2009/05/03 19:16 不指定
有时候我们需要弹出消息框让用户来选择进入不同页面,可以用下面的方法.
引用
<script>
if(confirm("请选择?"))
window.location='http://www.baidu.com';
else
window.location='http://www.google.com';
</script>

是否会觉得这样网页更人性化点呢?呵呵!
Actions
Tags:
　
网页特效 , 评论(0) , 引用(0) , 阅读(985) , Via 本站原创
,
分页： 3/4 第一页 上页 1 2 3 4 下页 最后页 [ 显示模式： 摘要 | 列表 ]
赞助商链接
订阅到邮箱
热门Tags
统计
其他
日历