鼠标经过时链接文字的特别震撼的显示效果
该特效需要一个文件 xs.htc下载 下载完成之后放到images文件夹里,如果放到其它地方需要修改代码相应的路径
鼠标经过时链接文字的特殊显示
A {
FILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR: url(/downtools/texiao/xs.htc); CURSOR: hand; HEIGHT: 1px; TEXT-DECORATION: none
}
A:link {
COLOR: #3d3525
}
A:visited {
COLOR: #3d3525
}
A:hover {
COLOR: #ede8e0
}
A:active {
COLOR: #3d3525
}
脚 本 之 家,特 效 专 栏
代码中的style中间的代码加到网页里即可
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
相关推荐
-
鼠标经过时链接文字的特别震撼的显示效果
该特效需要一个文件 xs.htc下载 下载完成之后放到images文件夹里,如果放到其它地方需要修改代码相应的路径 鼠标经过时链接文字的特殊显示 A { FILTER: progid:dximagetransform.microsoft.gradientwipe(duration=1); BEHAVIOR: url(/downtools/texiao/xs.htc); CURSOR: hand; HEIGHT: 1px; TEXT-DECORATION: none } A:link { COLO
-
js实现鼠标移到链接文字弹出一个提示层的方法
本文实例讲述了js实现鼠标移到链接文字弹出一个提示层的方法.分享给大家供大家参考.具体分析如下: 这里实现鼠标移动到链接文字上面,弹出一个已定义好的DIV层的效果.在这个层里你可以加入与此链接对应的信息,这样就成了一个信息提示窗,在淘宝.新浪都能看到这种效果,很实用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1
-
jQuery实现鼠标经过时出现隐藏层文字链接的方法
本文实例讲述了jQuery实现鼠标经过时出现隐藏层文字链接的方法.分享给大家供大家参考.具体如下: 这里演示Jquery显示隐藏层的方法,鼠标经过时出现文字链接,模拟评分效果,这里没有加动作,仅显示了前台效果的实现. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-mouse-over-show-txt-demo/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tra
-
JS实现鼠标滑过链接改变网页背景颜色的方法
本文实例讲述了JS实现鼠标滑过链接改变网页背景颜色的方法.分享给大家供大家参考,具体如下: 这个小特效很不错,用链接改变网页背景色,鼠标放上链接文字上,网页背景就会跟着变换,想让你的主页更个性一点的朋友,这个代码一定能用上,其实你可在此基础上修改一下代码,改成鼠标放上文字切换样式表,这样整个网页就变了风格,是不是很实用? 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mouse-over-link-cha-bgcolor-demo/ 具体
-
js实现鼠标悬停图片上时滚动文字说明的方法
本文实例讲述了js实现鼠标悬停图片上时滚动文字说明的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>js实现鼠标悬停图片上时的滚动文字说明</title> <body> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function showtip2(current,e,text){ if (document.all&&a
-
JS实现跟随鼠标的链接文字提示框效果
本文实例讲述了JS实现跟随鼠标的链接文字提示框效果.分享给大家供大家参考.具体如下: 这里使用JavaScript与CSS实现链接提示效果,不会改变你原来的链接结构,使用链接原有的title标签来实现,如果之前你使用有title标签,那你几乎只需把JS代码拷贝到你的网页中即可.你会发现,运行本效果后,鼠标在链接上移动的话,文字提示框会跟随鼠标而移动位置. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tran
-
javascript实现鼠标移到Image上方时显示文字效果的方法
本文实例讲述了javascript实现鼠标移到Image上方时显示文字效果的方法.分享给大家供大家参考.具体如下: 先看一下运行效果截图: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://w
-
php实现图片上传时添加文字和图片水印技巧
本文实现的功能特别适用于一些商城和图片站中,分享了图片在上传时添加文字和图片水印的技巧,供大家参考,具体内容如下 1. water.class.php <?php header('Content-Type:text/html;charset=utf-8'); /* * To change this license header, choose License Headers in Project Properties. * To change this template file, choose
-
jquery实现表单输入时提示文字滑动向上效果
本文实例讲述了jquery实现表单输入时提示文字滑动向上效果.分享给大家供大家参考.具体如下: 这里基于jQuery实现的表单输入框提示效果,当不输入的时候,提示文字就显示在输入框中,当鼠标点击文本框要输入文字的时候,提示文字向滑出输入框,好像很个性也很智能的样子,用户体验比较不错,运用了CSS3的部分属性,因此在测试时,请尽量要用高版本的IE9或chrome和火狐等网页浏览器. 运行效果截图如下: 具体代码如下: <!doctype html> <html> <head&g
-
jQuery当鼠标悬停时放大图片的效果实例
这个效果最初源于小敏同志的一个想法,刚开始做的时候只能实现弹出的图片是固定的,不能随鼠标移动,最后加以改善,终于实现了比较理想的效果.今天就把制作该效果的经验与大家一同分享.先看看最终效果演示: HTML结构部分:先编写一个无序列表的结构,a标签中的img标签用来存放小图片,a标签添加一个rel属性,用来存放大图片的路径. 复制代码 代码如下: <UL id=gallery sizcache="6" sizset="7"> <LI sizcach
随机推荐
- VUE2实现事件驱动弹窗示例
- VBS教程:VBscript语句-Option Explicit 语句
- 关于Linux反空闲设置的两种方法总结
- DOM2非标准但却支持很好的几个属性小结
- Java实现利用广度优先遍历(BFS)计算最短路径的方法
- IOS中计算缓存文件的大小判断实例详解
- Python中字符串的常见操作技巧总结
- Mysql存储引擎InnoDB和Myisam的六大区别
- 微信小程序之ES6与事项助手的功能实现
- jquery属性选择器not has怎么写 行悬停高亮显示
- 在SQL SERVER中导致索引查找变成索引扫描的问题分析
- jQuery中$(function() {});问题详解
- jquery查找父元素、子元素(个人经验总结)
- 利用JS hash制作单页Web应用的方法详解
- Android中Socket通信的实现方法概述
- 使用Browserify来实现CommonJS的浏览器加载方法
- PHP 数组入门教程小结
- C#控制台下测试多线程的方法
- Python语言描述KNN算法与Kd树
- java8版本base64加密解密的实例