<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>网络蛀虫小窝&#124;电脑技巧　技术　blog &#187; html js</title>
	<atom:link href="http://www.onbno.com/archives/category/html-js/feed" rel="self" type="application/rss+xml" />
	<link>http://www.onbno.com</link>
	<description>网络蛀虫的技术blog,电脑技巧,php,html,word,excel,mysql,js技巧</description>
	<lastBuildDate>Wed, 08 Feb 2012 10:31:39 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>CSS 常用属性中文解释</title>
		<link>http://www.onbno.com/html-js/2639.html</link>
		<comments>http://www.onbno.com/html-js/2639.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 13:41:42 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2639</guid>
		<description><![CDATA[CSS 背景属性（Background） background            在一个声明中设置所有的背景属性。 background-attachment     设置背景图像是否固定或者随着页面的其余部分滚动。 background-color     设置元素的背景颜色。 background-image     设置元素的背景图像。 background-position     设置背景图像的开始位置。 background-repeat     设置是否及如何重复背景图像。 CSS 字体属性（Font） font             在一个声明中设置所有字体属性。 font-family     规定文本的字体系列。 font-size     规定文本的字体尺寸。 font-size-adjust为元素规定 aspect 值。 font-stretch     收缩或拉伸当前的字体系列。 font-style     规定文本的字体样式。 font-variant     规定文本的字体样式。 font-weight     规定字体的粗细。 CSS 外边距属性（Margin） margin             在一个声明中设置所有外边距属性。 margin-bottom [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2639.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>php连接mysql网页乱码解决办法与原因</title>
		<link>http://www.onbno.com/php-mysql/2631.html</link>
		<comments>http://www.onbno.com/php-mysql/2631.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 13:19:04 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[php mysql]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[服务]]></category>
		<category><![CDATA[服务器]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2631</guid>
		<description><![CDATA[php连接mysql文件乱码原因分析 1、mysql数据库默认的编码是utf8,如果这种编码与你的PHP网页不一致,可能就会造成MYSQL乱码. 2、MYSQL中创建表时会让你选择一种编码,如果这种编码与你的网页编码不一致,也可能造成MYSQL乱码. 3、MYSQL创建表时添加字段是可以选择编码的,如果这种编码与你的网页编码不一致,也可能造成MYSQL乱码. 4、用户提交页面的编码与显示数据的页面编码不一致,就肯定会造成PHP页面乱码. 5、如用户输入资料的页面是big5码, 显示用户输入的页面却是gb2312,这种100%会造成PHP页面乱码. 5、PHP页面字符集不正确. 7、PHP连接MYSQL数据库语句指定的编码不正确. 一。首先是PHP网页的编码 1. php文件本身的编码与网页的编码应匹配 a. 如果欲使用gb2312编码，那么php要输出头：header(“Content-Type: text/html; charset=gb2312″)，静态页面添加&#60;meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″&#62;，所有文件的编码格式为ANSI，可用记事本打开，另存为选择编码为ANSI，覆盖源文件。 b. 如果欲使用utf-8编码，那么php要输出头：header(“Content-Type: text/html; charset=utf-8″)，静态页面添加&#60;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″&#62;，所有文件的编码格式为utf-8。保存为utf-8可能会有点麻烦，一般utf-8文件开头会有BOM，如果使用 session就会出问题，可用editplus来保存，在editplus中，工具-&#62;参数选择-&#62;文件-&#62;UTF-8签名，选择总是删除，再保存就可以去掉BOM信息了。 二。PHP与数据库的编码应一致 1. 修改mysql配置文件my.ini或my.cnf，mysql最好用utf8编码 [mysql] default-character-set=utf8 [mysqld] default-character-set=utf8 default-storage-engine=MyISAM 在[mysqld]下加入: default-collation=utf8_bin init_connect=’SET NAMES utf8′ 2. 在需要做数据库操作的php程序前加mysql_query(“set names &#8216;编码&#8217;”); 编码和php编码一致，如果php编码是gb2312那mysql编码就是gb2312， 如:   mysql_query(“set names gb2312&#8243;) //设置传输使用gb2312字符集防止乱码。 如果是utf-8那mysql编码就是 utf8，这样插入或检索数据时就不会出现乱码了。 如:   mysql_query(“set names [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/php-mysql/2631.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>在IE下使用Firebug的简单功能</title>
		<link>http://www.onbno.com/html-js/2607.html</link>
		<comments>http://www.onbno.com/html-js/2607.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 01:20:24 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[浏览器]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2607</guid>
		<description><![CDATA[朋友推荐了我一个web版firebug，适用大多数浏览器，确实不出，主要可以用于IE的CSS样式调试，因为IE developer toolbar和IE8自带的调试工具太难用了。 在网页head 部分上面 这个JS 即可使用web版firebug： “ &#60;script type=”text/javascript” src=”https://getfirebug.com/firebug-lite.js”&#62;&#60;/script&#62; ” 如果想查看在线的页面元素，版主给了如下方法： 1 &#60;a href="javascript:(function(){var d=document, s=d.getElementById('firebug-lite');if(s!=null)return;s=d.createElement('script');s.type='text/javascript';s.src='https://getfirebug.com/firebug-lite.js';d.body.appendChild(s);})();void(0);"&#62;firebug-lite&#60;/a&#62; 运行上面的HTML代码，在 “firebug-lite” 的连接上点右键选择“添加到收藏夹”（这个应该针对IE，chrome右键没有加入收藏），把这个连接添加到收藏夹。然后打开任意一个网页，打开后，在收 藏夹中找到刚才添加的这个，点一下，再等一小会儿，你就会看到 网页的右下角有“firebug”的这个工具了。 官网：http://www.getfirebug.com/firebuglite]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2607.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Chrome扩展：Run Selected HTML</title>
		<link>http://www.onbno.com/html-js/2604.html</link>
		<comments>http://www.onbno.com/html-js/2604.html#comments</comments>
		<pubDate>Mon, 06 Feb 2012 01:17:03 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2604</guid>
		<description><![CDATA[向大家推荐丸子开发的Chrome扩展：Run Selected HTML &#160; 这个扩展对于平常爱学习的同学还是比较有用的，至少我是这样感觉的哈哈，安装完扩展后，当你在阅读一些前端技术博客的时候，就可以选中页面上的html代码，然后右键点“Run Selected Code”就可以查看代码效果啦。 &#160; &#60; !DOCTYPE html&#62; &#60;html&#62; &#60;head&#62; &#60;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8&#8243; /&#62; &#60;title&#62;测试一下下&#60;/title&#62; &#60;/head&#62; &#160; &#60;body&#62; &#60;h1&#62;测试扩展&#60;/h1&#62; &#60;div&#62;安装完扩展，请选中这段html代码，然后右键点击“Run Selected Code”查看效果&#60;/div&#62; &#60;/body&#62; &#60;/html&#62; &#160; &#160; 有任何bug或者建议，欢迎留言反馈。如果觉得工具挺方便麻烦+1或好评哦 &#160; run-selected-code &#160;]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2604.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jQuery无限级下拉菜单插件-jMenu</title>
		<link>http://www.onbno.com/html-js/2570.html</link>
		<comments>http://www.onbno.com/html-js/2570.html#comments</comments>
		<pubDate>Sat, 28 Jan 2012 07:00:36 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2570</guid>
		<description><![CDATA[给力技术之前也推荐过几个下拉导航菜单的插件，今天这篇文章要推荐一个jQuery无限级下拉菜单的插件jMenu。 &#160; &#160; jMenu是一个简单的轻量级水平下拉菜单插件，你可以使用嵌套的UI列表来创建无限级的菜单。它拥有很平滑的移动效果，菜单样式也可以自定义修改，定制性很高。 &#160; 如何使用 首先要加载jQuery库和jMenu插件以及相关的CSS样式 &#160; &#60;script src=”jquery.min.js” type=”text/javascript”&#62;&#60;/script&#62; &#60;script type=”text/javascript” src=”jMenu.jquery.js”&#62;&#60;/script&#62; &#160; 然后在HTML页面中创建UL列表，并设置第一级列表的class=”fNiv” &#160; &#60;ul id=”jMenu”&#62; &#60;li&#62;&#60;a class=”fNiv”&#62;菜单 1&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a class=”fNiv”&#62;菜单 2&#60;/a&#62; &#60;ul&#62; &#60;li class=”arrow”&#62;&#60;/li&#62; &#60;li&#62;&#60;a&#62;菜单 2.1&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/li&#62; &#60;/ul&#62; &#160; 最后使用以下方法调用就搞定了，赶紧试一下吧~~ &#160; $(“#jMenu”).jMenu(); 下载]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2570.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Javascript实现最新文章显示New图标</title>
		<link>http://www.onbno.com/html-js/2329.html</link>
		<comments>http://www.onbno.com/html-js/2329.html#comments</comments>
		<pubDate>Mon, 14 Nov 2011 14:19:10 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2329</guid>
		<description><![CDATA[以下代码保存为html即可看到效果 &#60;html&#62; &#60;head&#62;&#60;title&#62;www.onbno.com Javascript实现最新文章显示New标志&#60;/title&#62; &#60;style type="text/css"&#62; ul{list-style:none;} ul li{line-height:26px;} ul li i{margin-left:10px;} &#60;/style&#62; &#60;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"&#62;&#60;/script&#62; &#60;script type="text/javascript"&#62; function ShowListLatestIcon(latestnum){ // 获取全部包含class的值为'showlatesticon'的ul列表 var leftnewslist = jQuery("ul.showlatesticon").find("li"); // 要插入到列表条目中的图片标志 var latestimg="&#38;nbsp;&#38;nbsp;&#60;img src='new.png' width='24' height='24' border='0' /&#62;"; if(leftnewslist.length&#62;0){ var j=0; // 遍历li列表，前latestnum个显示new图标 jQuery.each(leftnewslist, function(i, n){ if(j&#62;=latestnum){ return; } jQuery(this).find("a").after(latestimg); j++; }); } } jQuery(document).ready(function(){ ShowListLatestIcon(3); }); &#60;/script&#62; [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2329.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用WORDPRESS缩略图功能</title>
		<link>http://www.onbno.com/wordpress/2299.html</link>
		<comments>http://www.onbno.com/wordpress/2299.html#comments</comments>
		<pubDate>Tue, 01 Nov 2011 12:26:46 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2299</guid>
		<description><![CDATA[wordpress2.9+内置缩略图功能。是的，你可以直接通过wordpress上传图片制作成缩略图，但是它不仅仅可以做出缩略图，你甚至可以控制缩略图的大小。 在本教程中，我将会涉及到很多关于缩略图的事情。有些是给普通的用户，也有的是写给正在制作开发wordpress主题或者插件的朋友。 有件事情很有必要在之前强调，就是缩略图是和文章绑定在一起，他们之间是不可以没有关系的。 普通用户想使用缩略图怎么办 首先，你所使用的wordpress主题必须支持该功能，否则，你将不可能使用这个功能。这里我们先假设你的主题支持这个功能，至于如果给主题添加这个功能将在后面的教程中提到。 要使用这个功能，你必须登录后台，然后确定你已经来到了文章编辑页面，在屏幕的右下方你会看到一个叫做“Post thumbnail”或者“Page thumbnail”（注：中文3.0以后的显示的是特色图片） 那里你会看到“Set thumbnail,”的按钮（注：中文3.0以后的显示的是添加特色图片），它能让你通过媒体上传工具添加新照片。 它不仅仅能够产生缩略图 虽然叫它缩略图，但是我们可以用它来做很多的事情。（例如特色图片，还有首页展示的中等大小的图片） 通常的，wordpress给你设置了三种缩略图大小，他们分别为 缩略图(Thumbnail) 中等图(Medium) 大图(Large) 原图(Full) 有些插件可以让你产生更多尺寸的缩略图，这里提这个只是想让你知道不仅仅有这么多种大小的缩略图你可以在这里使用~这个功能也不仅仅局限于缩略图。 如何让一个主题支持WORDPRESS内置的缩略图功能 主题编辑者，这里我将将这个描述的很容易。你只需要添加一行代码就可以让你的用户享受到这个功能。在function.php里添加如下代码： add_theme_support( 'post-thumbnails' ); 也许，你会想给些特定的文章设定缩略图样式。（上面的代码默认是给文章和页面都添加缩略图功能的），看看下面的代码： add_theme_support( 'post-thumbnails', array( 'post', 'page' ) ); 如果你只想给文章页面添加缩略图功能，你可以尝试下下面这个代码代替上面的： dd_theme_support( 'post-thumbnails', array( 'post) ); 当然单单只添加这句代码，还不能在wordpress前台产生什么效果，你需要在主题文件中，你想要呈现缩略图的循环中插入代码。例如你想在文章分类列表中展示缩略图，你可以在主题文件中加入如下代码： &#60;?php the_post_thumbnail( ‘thumbnail’ ); ?&#62; 同时，你也可可以尝试如下代码，他会产生一个中等大小的缩略图： &#60;?php the_post_thumbnail( ‘medium’ ); ?&#62; 大概就这么多了，作为一个主题的编辑者，你只需要添加一两行代码，就可以在你的主题中添加功能如此强大的缩略图。 教程剩下的内容将关注于缩略图的一些开发功能还有使用旧图像的一些选项。 确认文章里是否有缩略图 有时候，我们总会想先确认文章里是否有缩略图，有个函数叫做has_post_thumbnail()，它会根据是否存在缩略图返回true或者是false。 在下面的例子里，会先检查是否有缩略图，如果没有的话则输出我们提前准备的图片 &#60;?php [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/wordpress/2299.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>图片IMG垂直居中</title>
		<link>http://www.onbno.com/html-js/2280.html</link>
		<comments>http://www.onbno.com/html-js/2280.html#comments</comments>
		<pubDate>Thu, 27 Oct 2011 06:37:36 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2280</guid>
		<description><![CDATA[要想让图片和文字垂直居中对齐的话，可以在IMG标签下添加align=absmiddle属性即可实现，但align=absmiddle属性在W3C验证下通不过[验证地址请查看W3C网页标准验证服务地址]，那么是否可以用CSS来代替IMG的align=absmiddle属性来实现垂直居中呢，答案是肯定的。 可以在CSS中加入vertical-align:middle;就能实现了 &#60;div&#62;&#60;img style="vertical-align:middle;" src="Redmond/close_32.png" /&#62;用CSS实现图片和文字垂直居中对齐&#60;/div&#62;&#60;br /&#62;&#60;br /&#62; &#60;div&#62;&#60;img src="Redmond/close_32.png" /&#62;这个是没加样式的效果&#60;/div&#62;&#60;br /&#62;&#60;br /&#62; &#60;div&#62;&#60;img align=absmiddle src="close_32.png" /&#62;这个是用align=absmiddle实现图片和文字垂直居中对齐&#60;/div&#62;]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2280.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery 写的图片左右连续滚动</title>
		<link>http://www.onbno.com/html-js/2272.html</link>
		<comments>http://www.onbno.com/html-js/2272.html#comments</comments>
		<pubDate>Mon, 24 Oct 2011 13:27:38 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2272</guid>
		<description><![CDATA[&#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&#62; &#60;html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN"&#62; &#60;head profile="http://gmpg.org/xfn/11"&#62; &#60;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&#62; &#60;title&#62; 网络蛀虫小窝 兼容ie的滚动图片jquery代码&#60;/title&#62; &#60;style type="text/css"&#62; *{ margin:0; padding:0;} body { font:12px/1.8 Arial; color:#666;} h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;} .go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;} .wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;} #slide{overflow:hidden;width:900px;margin:100px auto;} [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2272.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>jquery下拉菜单的代码</title>
		<link>http://www.onbno.com/html-js/2259.html</link>
		<comments>http://www.onbno.com/html-js/2259.html#comments</comments>
		<pubDate>Thu, 20 Oct 2011 14:05:37 +0000</pubDate>
		<dc:creator>虫子</dc:creator>
				<category><![CDATA[html js]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[js]]></category>

		<guid isPermaLink="false">http://www.onbno.com/?p=2259</guid>
		<description><![CDATA[html 代码 &#60;div id=”menu”&#62; &#60;ul&#62; &#60;li&#62;&#60;a href=”"&#62;菜单一&#60;/a&#62; &#60;ul&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单1&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单2&#60;/a&#62; &#60;ul&#62;&#60;li&#62;&#60;a href=”"&#62;子菜单7&#60;/a&#62;&#60;/li&#62;&#60;/ul&#62; &#60;/li&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单3&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/li&#62; &#60;li&#62;&#60;a href=”"&#62;菜单二&#60;/a&#62; &#60;ul&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单4&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单5&#60;/a&#62;&#60;/li&#62; &#60;li&#62;&#60;a href=”"&#62;子菜单6&#60;/a&#62;&#60;/li&#62; &#60;/ul&#62; &#60;/li&#62; &#60;/ul&#62; &#60;/div&#62; css代码 &#160; ul,ol,li{list-style:none;padding:0px;margin:0px;} #menu *{line-height:30px;} #menu a{ text-decoration:none; display:block; } #menu ul{ text-align:left; background:#333; } #menu .arrow{ /* 菜单项的右侧小箭头 */ float:right; padding-right:5px; } [...]]]></description>
		<wfw:commentRss>http://www.onbno.com/html-js/2259.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

