基于CSS属性animation动画制作,效果流畅弹性十足效果展示 http://hovertree.com/texiao/css3/32/源码下载:http://hovertree.com/h/bjaf/fo1jlmhi.htm 效果图如下:代码如下: 转自:http://hovertree.co ...
分类:
Web程序 时间:
2016-07-03 14:28:28
阅读次数:
215
jQuery中attr()函数不支持delay函数控制延迟,把attr函数加在animate的回调函数中jQuery(function(){jQuery(‘.avia_p_w_picpath‘).hover(function(){ urlss=jQuery(this).attr("src").replace("1.jpg","2.jpg");jQuery(this).stop().animate({opacity:‘0.3‘},100,function(){j..
分类:
其他好文 时间:
2016-06-16 18:22:36
阅读次数:
118
效果展示 http://hovertree.com/texiao/nav/3/jQuery漂亮图标的垂直导航菜单 是一款当鼠标滑过菜单项时,会有一个背景遮罩层跟着鼠标移动,效果非常炫酷,图标还是矢量图。源码下载效果图如下:HTML文件代码如下: 转自:http://hovertree.com/h/b ...
分类:
Web程序 时间:
2016-06-15 17:29:48
阅读次数:
230
1,<a>标签,链接到另一个页面 语法:<a href="目标网址" title=“鼠标滑过显示的文本”>链接显示的文本</a> title属性的作用:鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好) 注意:只要为文本加 ...
分类:
Web程序 时间:
2016-06-11 17:21:25
阅读次数:
181
更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色 ...
分类:
其他好文 时间:
2016-05-30 00:43:52
阅读次数:
177
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。 语法: 例如: 上面例子作用是单击click here!文字,网页链接到http://www.imooc.com这个网页。 title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际 ...
分类:
其他好文 时间:
2016-05-29 14:53:59
阅读次数:
123
1.伪类选择符 叫做伪类选择符,允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。 2.分 ...
分类:
Web程序 时间:
2016-05-28 19:07:21
阅读次数:
142
(1)用expression 鼠标滑过变色: <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td {onmouseover: expression(onmouseover ...
分类:
Web程序 时间:
2016-05-27 23:37:29
阅读次数:
266
之前在网上看到一款比较有新意的HTML5文字特效,文字效果是当鼠标滑过是出现翻开折叠的效果,类似书本翻页。于是我兴致勃勃的点开源码看了一下,发现其实实现也挺简单的,主要利用了CSS3的transform属性,分别对X轴、Y轴、Z轴进行翻转,先看一下效果截图。 看效果图这些文字是不是很有立体的感觉,而 ...
分类:
Web程序 时间:
2016-05-16 14:27:44
阅读次数:
218