js实现鼠标悬浮给图片加边框的方法
作者：comeonstone 发布时间：2024-04-18 09:40:22
标签：js,鼠标,方法
本文实例讲述了js实现鼠标悬浮给图片加边框的方法。分享给大家供大家参考。具体实现方法如下：
html代码：
<div class="T-s-l fl">
<a href="" class="a1">
<img src="images/11.jpg" width="234" height="368" />
</a><a href="" class="a2">
<img src="images/11.jpg" />
</a><a href="" class="a3">
<img src="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;}
希望本文所述对大家的javascript程序设计有所帮助。
0
投稿猜你喜欢
区块链区块链是在计算机网络的节点之间共享数据的分类账(分布式数据库)。作为数据库，区块链以电子格式储存信息。区块链的创新之处在于它保证了数据- 最近看到N多介绍CSS框架，前些天我说过一句话：“在我有限的视野里，还没见到可以真正可以称得上css框架的东东~”，当然也可能是我的视野太小
- 操作系统：Windows10 64bitPython版本：3.8.0下载地址：https://www.python.org/download
- 如果index是时间序列就不用转datetime；但是如果时间序列是表中的某一列，可以把这一列设为index例如：代码：DF=df2.set
- 我要说的内容都是非常基础的内容，高手就免看了，如果看了欢迎给点意见啊。新手或者对低层还不是很了解的人可以看看，帮助理解与记忆。XMLHttp
- new_ 方法是什么？__new__方法其实就是创建对象的方法new()方法是在类准备将自身实例化时调用。一个类可以有多个位置参数和多个命名
- Tuple 元组元组的定义和使用元组的定义：元组是有序的不可变对象集合元组使用小括号包围，各个对象之间使用逗号分隔元组是异构的，可以包含多种
- 最近需要做集团的SRC系统。暂无安全研发，所以只能找我这个小菜兼职开发。系统使用Django框架，在整个过程中，有许多奇特的需求。在某项需求
- python中format的使用format函数这是一种字符串格式化的方法，用法如str.format()。基本语法是通过 {} 和 : 来
- 对于Dreamweaver这个广大用户早有听闻的网页编辑工具，除功能强大外，Dreamweaver一向被推崇为同类网页编辑软件中产生垃圾代码
- 时间处理是我们日常开发中最最常见的需求，例如：获取当前datetime、获取当天date、获取明天/前N天、获取当天开始和结束时
- 以下各种方式仅供参考，本人亲测只有官方提供的方式比较靠谱。1. 使用多个进程启动多个Tornado实例import tornado.http
- 本文实例讲述了Python基于分水岭算法解决走迷宫游戏。分享给大家供大家参考，具体如下：#Solving maze with morphol
- 热词图很酷炫，也非常适合热点事件，抓住重点，以图文结合的方式表现出来，很有冲击力。下面这段代码是制作热词图的，用到了以下技术：jieba，把
- Access 操作很简单，具体不步骤如下：打开你mdb数据库，工具－－＞数据库实用工具－－＞压缩和修复数据库（c）... SQL SERVE
- 概述：本文将通过组织自己的训练数据，使用Pytorch深度学习框架来训练自己的模型，最终实现自己的图像分类！本篇文章以识别阳台为例子，进行讲
- 目录一、Go调用C代码的原理二、在Go中使用C语言的类型1、原生类型数值类型指针类型字符串类型数组类型2、自定义类型枚举(enum)结构体(
- 最近拾回Django学习，实例练习中遇到了对多维字典类型数据的遍历操作问题，Google查询没有相关资料…毕竟是新手，到自己动手时发现并非想
- lambdalambda可以理解为一种小函数，但是它是一个表达式，而不是一个语句，所以在def不允许出现的地方仍然可以使用lambda函数，
- 经常会看到这种弹出层背景变暗的效果，感觉手痒于是自己写了一个基于jquery的弹出层类。我习惯先写好结构和样式，然后再写js交互效果。结构定
