全文搜索
标题搜索
全部时间
1小时内
1天内
1周内
1个月内
默认排序
按时间排序
为您找到相关结果134,720个

CSS实现鼠标滑过卡片上浮效果的示例_CSS教程_CSS_脚本之家

CSS实现鼠标滑过卡片上浮效果的示例 原理 hover 的时候对元素设置阴影:box-shadow,使其样式与常态不同。 box-shadow 表达式参见MDN: /* x偏移量 | y偏移量 | 阴影颜色 */ box-shadow: 60px -16px teal; /* x偏移量 | y偏移量 | 阴影模糊半径 | 阴影颜色 */ box-shadow: 10px 5px 5px black; /...
www.jb51.net/css/748998.html 2024-6-21

纯CSS3实现鼠标滑过按钮动画第二节_css3_CSS_网页制作_脚本之家

这篇文章主要介绍了纯CSS3实现鼠标滑过按钮动画第二节,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下有了之前的两章,小伙伴们对按钮悬浮动画是否又有了新的认识呢?前面两章主要是从背景着手,而本章主要是围绕边框动画做效果。并且,本章节(按钮组:有趣的CSS...
www.jb51.net/css/7356...html 2024-6-22

jquery实现鼠标滑过显示提示框的方法_jquery_脚本之家

一、jquery鼠标滑过显示提示框实例 1、效果图 2、实现代码 ( 需要自行添加 jquery.js、按钮图片、提示框图片 ) HTML 代码 复制代码代码如下: <!DOCTYPE> Animated Menu Hover 1 $(document).ready(function(){ $(".menu li").hover(function() { $(this).find("em").animate({opacity: "show",...
www.jb51.net/article/608...htm 2024-6-23

js鼠标滑过图片震动特效的方法_javascript技巧_脚本之家

鼠标滑过图片预览效果。 希望本文所述对大家的javascript程序设计有所帮助。
www.jb51.net/article/612...htm 2024-6-22

css3鼠标滑过代码 HTML5/CSS3鼠标滑过抖动图标特效 下载-脚本之家

这是一个简单好玩的利用CSS3实现的图标抖动特效,首先精选了几款常用而且漂亮的图标,并在图标下方写有描述性的文字。当我们把鼠标滑过图标时,图标即会不停的抖动,像是在告诉用户“点我吧”,这个功能很多地方应该能用到。简单实用,欢迎下载! 如果大家非常好奇该段代码所带来的动画效果的话,可以点击【演示地址】进行...
www.jb51.net/jiaoben/8157...html 2024-5-29

jQuery实现鼠标滑过图片移动特效_jquery_脚本之家

这篇文章主要介绍了jQuery实现鼠标滑过图片移动特效,鼠标移动到图片上时图片向上动一下,等到鼠标离开后,图片又返回到原来位置,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 在网页应用中,鼠标操作是最为常见和频繁的操作,在用户移动鼠标浏览页面的时候,一些交互特效的提醒会增强用户体验度,也可让用户感觉页面在和...
www.jb51.net/article/994...htm 2024-6-17

纯CSS3实现8组超炫酷鼠标滑过图片动画_css3_CSS_网页制作_脚本之家

这是一款效果超酷的纯CSS3鼠标滑过图片动画效果,它共分为8组不同的效果,它们分别在鼠标滑过图片时,以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。 这些鼠标滑过图片时的动画效果都是使用CSS3来完成的,分别有:滑动效果,倾斜效果,翻转效果,旋转效果等等,下面是一张GIF的预览图片...
www.jb51.net/css/4406...html 2024-5-31

鼠标滑过出现预览的大图提示效果_javascript技巧_脚本之家

当鼠标滑过图片时,图片会出现预览的大图,大图下面还会有介绍文字。 复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="图片提示效果.aspx.cs" Inherits="图片提示效果" %> <!DOCTYPE html> .aa{ width:88px; height :100px; } ...
www.jb51.net/article/473...htm 2024-6-16

jquery实现鼠标滑过小图查看大图的方法_jquery_脚本之家

本文实例讲述了jquery实现鼠标滑过小图查看大图的方法。分享给大家供大家参考。具体实现方法如下:1. CSS部分:1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 ul{ list-style:none; } li{ float:left; margin-left:10px; } img{ border:#CCCCCC solid 1px; } #max{ position:absolute; display:...
www.jb51.net/article/697...htm 2024-6-21

JS实现鼠标滑过显示边框的菜单效果_javascript技巧_脚本之家

JS鼠标滑过显示边框菜单 .menulines{ border:1px solid white; } .menulines a{ text-decoration:none; color:red; } function borderize(what,color){ what.style.borderColor=color } function borderize_on(e){ if (document.all) source3=event.srcElement else if (document.getElementById) sour...
www.jb51.net/article/931...htm 2024-6-15