鼠标悬浮给图片加边框,适合大型展示

鼠标悬浮给图片加边框

html代码

 <div class="T-s-l fl"><a href="" class="a1"><img src="data:images/11.jpg" width="234" height="368" /></a><a href="" class="a2"><img src="data:images/11.jpg" /></a><a href="" class="a3"><img src="data:images/11.jpg" /></a></div>

js代码

<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/jquery.insetborder.js" type="text/javascript"></script>
<script type="text/javascript">$(document).ready(function () {//border$(".T-s-l a.a1").borderEffect();$(".a1").borderEffect();$(".T-s-l a.a2").borderEffect({ borderColor: '#e80484' });$(".T-s-l a.a3").borderEffect({ borderColor: '#7b7b7b', speed: 300, borderWidth: 10 });});
</script>

css代码

.T-s-l a{ background: url(images/download.png) no-repeat -10px 20px #fff; }
.T-s-l{ width: 952px; overflow: hidden; }
.T-s-l a{ float: left; width: 234px; height: 368px; margin: 0 19px 17px 0; font-size: 0; overflow: hidden;}

转载于:https://www.cnblogs.com/lcchuguo/p/4483228.html

鼠标悬浮给图片加边框,适合大型展示相关推荐

html给图片加个框,PS怎么给图片加边框几个步骤搞定
给自己的的照片弄个精美的边框是非常常见的操作,那么在制作电子相册的过程中,如何用PS来给你的照片加一个好看的边框呢,其实不难,下面就来说一下操作方法,有兴趣的朋友来参考学习下吧. 类别:图像处理 ...
html给图片加描边,ps如何给图片加边框?Photoshop CS6巧用描边给照片添加边框教程...
怎么用ps给照片加边框?生活中,为了照片更加美观,经常会给图片加上边框,那么,在Photoshop中怎么给图片加边框呢?下面给大家介绍一下Photoshop CS6巧用描边给照片添加边框的具体操作方法 ...
html鼠标悬浮更换图片,Vue.js鼠标悬浮更换图片功能
最近自己做的项目中设计师要求分类栏中鼠标悬停更换图片,大致实现出来的效果就是这样: 这个在jQuery中是个很简单的事,但是在vue中我还是第一次实现. 首先将所有的选中后图片都覆盖到没选中图片上 c ...
如何给照片加边框？图片加边框的3个实用方法
分享3个良心好用的照片加相框工具,个个都是操作简单,还提供了丰富好看的边框模板,瞬间让照片变得有质感,大家可以根据自己的需求选择对应的工具进行添加. 1.改图鸭一个免费的图片处理网站,提供几十种图片 ...
html语言加图片,html代码——给图片加边框代码
图片加边框代码这里教大家只需用html代码就能给你的图片加出各种漂亮的相框,使用方法,点"<>"加入代码,换上你的图片网址,适当调整宽度和颜色,就可以让你的图片锦上添 ...
jQuery - 点击图片加边框
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8" ...
如何批量给图片加边框？
不管是在日常工作还是生活学习中,我们经常需要对图片进行处理,比如给图片加上边框,给图片加边框是一项简单的工作,只要使用PS软件就可以帮我们解决问题,相信大部分的小伙伴知道怎么操作,小编就不做详细的介绍 ...
分享几招教会你怎么给图片加边框
大家平时分享图片的时候,会不会喜欢给照片加点装饰呢?比如加些边框.文字或者水印之类的.我就喜欢给图片加上一些边框,感觉加了边框的照片像裱在相框中的感觉似的,非常有趣.那么你知道如何给图片加边框吗?不知 ...
php 给图片加图片边框,ps怎么给图片加边框线
ps怎么给图片加边框线? 首先打开图片,选择[文件]中的[打开],打开自己要修改的图片. 然后我们双击右侧的图层,在弹出的对话框中点击确定,解锁背景图层,变为只普通有图层,这样才可以进行加边框. 然后 ...

鼠标悬浮给图片加边框,适合大型展示

鼠标悬浮给图片加边框,适合大型展示相关推荐

最新文章

热门文章