<?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>链接相关文章列表 | 皇家元林</title>
	<atom:link href="https://hjyl.org/tags/%E9%93%BE%E6%8E%A5/feed/" rel="self" type="application/rss+xml" />
	<link>https://hjyl.org</link>
	<description>刘元林的个人博客</description>
	<lastBuildDate>Tue, 29 Mar 2011 06:08:02 +0000</lastBuildDate>
	<language>zh-Hans</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://img.hjyl.org/uploads/2019/10/cropped-about-me-32x32.png</url>
	<title>链接相关文章列表 | 皇家元林</title>
	<link>https://hjyl.org</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>jQuery为每张图片链接自动加上class属性</title>
		<link>https://hjyl.org/jquery-add-class-pic/</link>
					<comments>https://hjyl.org/jquery-add-class-pic/#comments</comments>
		
		<dc:creator><![CDATA[皇家元林]]></dc:creator>
		<pubDate>Tue, 29 Mar 2011 06:08:02 +0000</pubDate>
				<category><![CDATA[元林手札]]></category>
		<category><![CDATA[class]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[属性]]></category>
		<category><![CDATA[自动]]></category>
		<category><![CDATA[链接]]></category>
		<guid isPermaLink="false">http://hjyl.org/?p=1504</guid>

					<description><![CDATA[jQuery为每张图片链接自动加上class属性]]></description>
										<content:encoded><![CDATA[<p>先上码：</p>
<pre lang="language" line="1">
/* 用 jQuery 为每张图片链接自动加上 class="thickbox" */
$('#content p a').each(function(){ //根据主题内容区的 id 设置选择器
var a_href = $(this).attr('href').toLowerCase();
var file_type = a_href.substring(a_href.lastIndexOf('.'));
if (file_type == '.jpg' || file_type == '.png' || file_type == '.gif'){$(this).addClass('thickbox')};
});
</pre>
<p>这个再配合lightbox之类的图片展示代码用起来不错。<br />
此代码发现于ZWW-http://zww.me/archives/25196</p>
<p>还有一个<br />
[warning]<code>$('.entry a:has(img)').addClass("thickbox");</code>[/warning]</p>
<div id="content-copyright"><span style="font-weight:bold;text-shadow:0 1px 0 #ddd;font-size: 13px;">版权声明: </span><span style="font-size: 13px;">本文采用 <a href="https://hjyl.org/go/aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzMuMC8=" rel="nofollow" target="_blank">BY-NC-SA</a> 协议进行授权，如无注明均为原创，转载请注明转自 <a href="https://hjyl.org">皇家元林</a><br>本文链接: <a rel="bookmark" title="jQuery为每张图片链接自动加上class属性" href="https://hjyl.org/jquery-add-class-pic/">jQuery为每张图片链接自动加上class属性</a></span></div>]]></content:encoded>
					
					<wfw:commentRss>https://hjyl.org/jquery-add-class-pic/feed/</wfw:commentRss>
			<slash:comments>11</slash:comments>
		
		
			</item>
		<item>
		<title>JS行为：文字/图片链接突出显示的效果</title>
		<link>https://hjyl.org/js-action-let-letter-or-picture-break-out/</link>
					<comments>https://hjyl.org/js-action-let-letter-or-picture-break-out/#comments</comments>
		
		<dc:creator><![CDATA[皇家元林]]></dc:creator>
		<pubDate>Mon, 02 Nov 2009 01:54:49 +0000</pubDate>
				<category><![CDATA[元林手札]]></category>
		<category><![CDATA[JS]]></category>
		<category><![CDATA[突出显示]]></category>
		<category><![CDATA[行为]]></category>
		<category><![CDATA[链接]]></category>
		<guid isPermaLink="false">http://localhost/wordpress/?p=185</guid>

					<description><![CDATA[JS行为：文字/图片链接突出显示的效果]]></description>
										<content:encoded><![CDATA[<p>打开一个Dreamweaver<span onclick="tagshow(event)">软件</span>。<br />
选中你要的带有链接的图片，点窗口--&gt;行为控制面板；<br />
如图显示：<br />
<img decoding="async" id="mainImage" src="http://i3.6.cn/cvbnm/32/12/56/1ca3f1fa197465a8a10f16ba6b3e45bc.gif" title="1ca3f1fa197465a8a10f16ba6b3e45bc.gif" alt="1ca3f1fa197465a8a10f16ba6b3e45bc.gif" /><br />
这时在页面同目录下会自动生成一个目录和JS文件。<br />
大家可以切换Dreamweaver到<span onclick="tagshow(event)">代码</span>，在&lt;head&gt;&lt;/head&gt;标签之间有个js调用的语句，如图所示：<br />
<img decoding="async" id="mainImage" src="http://i3.6.cn/cvbnm/53/c9/e6/c50e7a80da2e9286c73cb70573fbad52.jpg" title="c50e7a80da2e9286c73cb70573fbad52.jpg" alt="c50e7a80da2e9286c73cb70573fbad52.jpg" /><br />
大家可以修改这个目录和文件名，同时也修改这个所在<span onclick="tagshow(event)">硬盘</span>上的目录和文件名称。<br />
比如我修改为：JS/link.js<br />
OK！完毕！很简单，是吧！虽然没什么技术含量，但是我觉得还是比较实用的。<br />
对了，在设置行为的时候，选择onMouseOver这个是指当鼠标放上去的时候，就会显示效果！<br />
一般默认的是指点击才有效果的！<br />
<!--++ plugin_code qcomic begin-->好像Dreamweaver8.0及其以下的版本没有这个功能，如果没有的话，建议下载Dreamweaver CS4版本的，<a title="Adobe Dreamweaver CS4 精简安装版┊最新不错的一款网页设计软件 " href="http://bbs.ylgod.cn/thread-4725-1-3.html" target="_blank">推荐下载地址<br />
</a><!--++ plugin_code qcomic begin--></p>
<div id="content-copyright"><span style="font-weight:bold;text-shadow:0 1px 0 #ddd;font-size: 13px;">版权声明: </span><span style="font-size: 13px;">本文采用 <a href="https://hjyl.org/go/aHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLXNhLzMuMC8=" rel="nofollow" target="_blank">BY-NC-SA</a> 协议进行授权，如无注明均为原创，转载请注明转自 <a href="https://hjyl.org">皇家元林</a><br>本文链接: <a rel="bookmark" title="JS行为：文字/图片链接突出显示的效果" href="https://hjyl.org/js-action-let-letter-or-picture-break-out/">JS行为：文字/图片链接突出显示的效果</a></span></div>]]></content:encoded>
					
					<wfw:commentRss>https://hjyl.org/js-action-let-letter-or-picture-break-out/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
	</channel>
</rss>
