-
最新日志
最新评论
存档页
- 2011年03月
- 2011年02月
- 2011年01月
- 2010年12月
- 2010年11月
- 2010年10月
- 2010年09月
- 2010年08月
- 2010年07月
- 2010年06月
- 2010年05月
- 2010年04月
- 2010年01月
- 2009年12月
- 2009年10月
- 2009年09月
- 2009年08月
- 2009年07月
- 2009年06月
- 2009年05月
- 2009年04月
- 2009年03月
- 2009年02月
- 2009年01月
- 2008年12月
- 2008年11月
- 2008年10月
- 2008年09月
- 2008年08月
- 2008年07月
- 2008年06月
- 2008年05月
- 2008年04月
- 2008年03月
- 2008年02月
- 2008年01月
分类
功能
Category Archives: 教程解说
html中可爱的细虚线的代码(转)
实现代码:<hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1> 大家都知道我们使用<hr>标签就可制作出一个细线条,不过我们可以对<hr>定义一些参数可以获取可爱的细虚线。我们也可以修改其中的color,size的参数可以得到不同的效果…… 文章出自:http://hi.baidu.com/edmond80/blog/item/c3f7d4f22fc08112b17ec5e3.html
又一个状态栏滚动字幕代码
此代码效果除了像打字机一样一个一个显示字外,还有滑动式收回的效果。复制下面代码在记事本中,保存HTML格式文件就可以看到效果。 <SCRIPT language=JavaScript> <!-- Begin var Message="在这里输入您要显示的文字!"; var place=1; function scrollIn() { window.status=Message.substring(0, place); if (place >= Message.length) { place=1; window.setTimeout("scrollOut()",3000); //修改文字停顿的时间 } else { place++; window.setTimeout("scrollIn()",200); } } function scrollOut() { window.status=Message.substring(place, Message.length); if (place >= Message.length) { … Continue reading
字跟着鼠标走的代码
<SCRIPT language=JavaScript> <!-- Begin var msg='欢迎来到谢柏红的博客,精彩内容不容错过!'; var font='宋体'; var size=4; var color='#FF0000'; var speed=.1; var rotation=.2; var ns=(document.layers); var ie=(document.all); var msg=msg.split(''); var n=msg.length; var a=size*15; var currStep=0; var ymouse=0; var xmouse=0; var scrll=0; var props="<font face="+font+" size="+size+" color="+color+">"; if … Continue reading
Posted in 教程解说
2 Comments
消灭广告。[ 更新 ]
以下代码基本上可以杀掉所有的广告。 页面干净看着舒服点嘛。 有其他问题再问。会有人回答的。 代码由 whzx5byb 和 心渐渐淡 提供。我只负责整理。 普通模板请使用以下代码: <style> #SuiShi_mover{ display:none; } #iCast2_part_flash_1_1421_float { display:none; } #iCast2_container_div_1_1421_main OBJECT { display:none; } .ad_wrap,#eMeng,#myright,#myleft{ display:none; } .sofa,.sofa_wrap{ display:none; } .module_title IFRAME {display:none; } #commentdiv iframe{ display:none; } #comment_shortcut {display:none; } </style> 炫模板的请使用以下代码: <style> … Continue reading
Posted in 教程解说
22 Comments
【入门系列教程】模板制作技术全攻略
漫长的暑假确实挺无聊的,所以来发点东西。 这次的教程目标确定为初学者,其实是私下为我协会讲座写的提纲,顺便贴上来方便一下圈友。 如果对模板制作有兴趣,有精力,有一定时间。我相信这篇东西可能会让你走最少的弯路。 关于教程的内容,目前确定为HTML和CSS,有了这两个东西,改变BLOGCN的模板已经是得心应手了。 对于Javascript,可能有简单的介绍和应用。 另外,对于目前的web2.0的趋势,我觉得很有必要传播一下DIV+CSS布局的方式。所以我不讲TABLE。如果你是初学者,不知道这些词是什么意思,很好,一步步慢慢来。目前来说,这是最简便也是最流行的方式。而且掌握起来并不太费时间。 如果你有一定模板制作经验,习惯了TABLE的布局方式,或者修改BLOGCN自带的模板很有心得,看看这篇教程也会让你对网页制作有一个全新的认识。 更新时间不定,看事务和心情。系列教程较多,可能会持续整个暑假。我会尽量把每个地方都写的简洁易懂。链接会逐步添加到本帖。 保留所有版权,需要转载请提前给我打个招呼,留言或者发站内信。 粗略的目录应该是这个样子: (HTML部分) 页面展示,HTML基本标签结构,元素,属性等概念,标签的嵌套层次,Editplus的使用. 常用的HTML标签及属性(html,head,body,a,p,div,img,span,ul,li,br) DOM模型,DOM在CSS和JS里的简单应用示例,IE developer toolbar(DOM分析工具,以下简称IEDEV)的使用 (CSS部分) 什么是CSS,CSS基本使用示例,<style>标签,选择符(ID,CLASS,TAGNAME),并列层次,嵌套层次 各种CSS属性简介,*如何用IEDEV查看CSS属性,内联样式和链接样式 常用DIV布局思路,CSS定位属性,容器模型 以上只是大致思路,可能会按情况修改。可能会根据反映情况添加部分内容。 最后,疏漏之处,恳请指正。 下面是已完成的教程链接1.熟悉HTML http://wanmoban.blogcn.com/diary,18157303.shtml 2.常用HTML标签 http://wanmoban.blogcn.com/diary,18162329.shtml 3.初识DOM http://wanmoban.blogcn.com/diary,18182116.shtml 4.使用IEDEV http://wanmoban.blogcn.com/diary,18303449.shtml
【入门系列教程】4.使用IEDEV
废话 话说这几天事情多,所以偷懒没写,哎~ 好吧,在之前我们讲了树形结构和DOM,嗯,如果你读懂了.也许你应该想知道,这个DOM到底有什么作用.难道我们知道了它就是为了照着大堆的HTML代码一笔一划的画图??? 非也,正好相反.DOM的作用就是让我们通过树形图来直观地了解HTML的结构.并能快速定位你想要找的东西.下面我们会看到,怎么样使用IE Developer Toolbar(以下简称IEDEV)来使你的效率迅速提高. (如果你使用Firefox,请安装Firebug并自行研究,这里暂不提供Firebug的教程,不过也大同小异,不是么…) 1.IEDEV的安装 IEDEV全称是IE Developer Toolbar.是微软开发的一个基于IE的插件. 下载地址在这里: http://www.microsoft.com/downloads/info.aspx?na=22&p=1&SrcDisplayLang=en&SrcCategoryId=&SrcFamilyId=&u=%2fdownloads%2fdetails.aspx%3fFamilyID%3de59c3964-672d-4511-bb3e-2d5e1db91038%26DisplayLang%3den 打开页面之后点击DOWNLOAD按钮. (注意这里会弹出新窗口,如果有弹出窗口阻止程序请将其设为信任方可继续) 之后点击start_dowload链接,就开始下载文件了. 文件下载完成之后是.msi的格式,双击即可开始安装.一路回车吧. (注意,如果你安装时候提示Windows Installer错误,那么请在管理工具--服务 里将Windows Installer服务设为自动并启用) 安装成功之后,在你的IE(注意只能是IE啊.TT或者遨游都不行)工具栏上面就会多出来一个图标IE Developer Toolbar,点击之后窗口下方会出现新窗口,说明安装成功. 2.IEDEV的使用 在IE窗口里打开IEDEV插件,在屏幕的下方就会产生一个大窗口.我们来看看这个大窗口的结构. 上面是一排菜单栏,左边的小窗口里面显示的就是上一课我们所讲的DOM树形图了,每个节点之前有一个小加号,单击可以展开它的子元素. 中间的窗口是HTML属性显示窗口.下面有个小选框Show Read-only Properties,选中之后可以查看完整的HTML属性. 右边的窗口是CSS属性显示窗口.下面有个小选框Show Default Style Values,选中之后可以查看完整的CSS属性. 对于你自己编写的一个HTML文件,你可以用它打开查看,可以更详细的了解这个网页的信息. 举个例子: <html> <head> <title>Test</title> <style> … Continue reading