自动生成html代码,提高工作效率

前端之家收集整理的这篇文章主要介绍了自动生成html代码,提高工作效率前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

a.fancybox[href=images/$.jpg]*5>img[src=images/thumb-$.jpg]*5

ctrl+E 产生如下代码
<a href="images/1.jpg" class="fancybox">
			<img src="images/thumb-1.jpg" alt="" />
			<img src="images/thumb-2.jpg" alt="" />
			<img src="images/thumb-3.jpg" alt="" />
			<img src="images/thumb-4.jpg" alt="" />
			<img src="images/thumb-5.jpg" alt="" />
		</a>
		<a href="images/2.jpg" class="fancybox">
			<img src="images/thumb-1.jpg" alt="" />
			<img src="images/thumb-2.jpg" alt="" />
			<img src="images/thumb-3.jpg" alt="" />
			<img src="images/thumb-4.jpg" alt="" />
			<img src="images/thumb-5.jpg" alt="" />
		</a>
		<a href="images/3.jpg" class="fancybox">
			<img src="images/thumb-1.jpg" alt="" />
			<img src="images/thumb-2.jpg" alt="" />
			<img src="images/thumb-3.jpg" alt="" />
			<img src="images/thumb-4.jpg" alt="" />
			<img src="images/thumb-5.jpg" alt="" />
		</a>
		<a href="images/4.jpg" class="fancybox">
			<img src="images/thumb-1.jpg" alt="" />
			<img src="images/thumb-2.jpg" alt="" />
			<img src="images/thumb-3.jpg" alt="" />
			<img src="images/thumb-4.jpg" alt="" />
			<img src="images/thumb-5.jpg" alt="" />
		</a>
		<a href="images/5.jpg" class="fancybox">
			<img src="images/thumb-1.jpg" alt="" />
			<img src="images/thumb-2.jpg" alt="" />
			<img src="images/thumb-3.jpg" alt="" />
			<img src="images/thumb-4.jpg" alt="" />
			<img src="images/thumb-5.jpg" alt="" />
		</a>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

原文链接:https://www.f2er.com/html/457447.html

猜你在找的HTML相关文章