<?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>Designsor &#187; js图片背景阴影</title>
	<atom:link href="http://www.designsor.com/tag/js%e5%9b%be%e7%89%87%e8%83%8c%e6%99%af%e9%98%b4%e5%bd%b1/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designsor.com</link>
	<description>End Web Developer&#039;s Blog</description>
	<lastBuildDate>Sat, 14 Jan 2012 02:35:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>关于图片阴影的实现</title>
		<link>http://www.designsor.com/2010/06/29/shadow/</link>
		<comments>http://www.designsor.com/2010/06/29/shadow/#comments</comments>
		<pubDate>Tue, 29 Jun 2010 08:13:51 +0000</pubDate>
		<dc:creator>xiaojue</dc:creator>
				<category><![CDATA[前端开发]]></category>
		<category><![CDATA[css图片背景阴影]]></category>
		<category><![CDATA[js图片背景阴影]]></category>

		<guid isPermaLink="false">http://www.designsor.com/?p=846</guid>
		<description><![CDATA[先把代码地址放上来：http://pastebin.com/egT0gADN 然后看下大概的效果，今天下午来公司，最后一次在这个电脑前面弄点东西，想去看电影，扫到了mtime里，看见了他们的图片全部都带了个小阴影，我想了想，先用css方法实现了，之后又写了段不伦不类的js代码又实现一遍。 主要是最近看了一些乱七八糟的东西，就想试验下效果。主要代码看上面的地址吧。 图片阴影的效果如下： CSS的思路其实就是给图片和a标签做一个left和top的负值即可。 然后我用js重新写了下实现，里面包括一个简单的递归循环函数，一个查找元素函数，一个getclass函数，并且都自带回调方法，算模仿jquery吧，可以看下实现和使用。其他的就木有了，这个方法写的也比较奇怪，其实就是个字面量对象。]]></description>
			<content:encoded><![CDATA[<p>先把代码地址放上来：<a href="http://pastebin.com/egT0gADN" target="_blank">http://pastebin.com/egT0gADN</a></p>
<p>然后看下大概的效果，今天下午来公司，最后一次在这个电脑前面弄点东西，想去看电影，扫到了mtime里，看见了他们的图片全部都带了个小阴影，我想了想，先用css方法实现了，之后又写了段不伦不类的js代码又实现一遍。</p>
<p>主要是最近看了一些乱七八糟的东西，就想试验下效果。主要代码看上面的地址吧。</p>
<p>图片阴影的效果如下：</p>
<p><img class="alignnone" title="shadow" src="http://www.designsor.com/wp-content/uploads/2010/06/shadow.jpg" alt="" width="237" height="135" /></p>
<p>CSS的思路其实就是给图片和a标签做一个left和top的负值即可。</p>
<p>然后我用js重新写了下实现，里面包括一个简单的递归循环函数，一个查找元素函数，一个getclass函数，并且都自带回调方法，算模仿jquery吧，可以看下实现和使用。其他的就木有了，这个方法写的也比较奇怪，其实就是个字面量对象。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designsor.com/2010/06/29/shadow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

