HTML5+CSS3鼠标悬停图片事件(收集30种)

随着HTML5+CSS3的广泛应用,现在的图片展示也是越来越丰富多彩了。此处借鉴优秀的关于鼠标悬停图片事件的收集和整理。分享出来,以供大家学习交流和借鉴。此处约莫收集了30种展示效果。 直接上展示图部分如下: 点击进入Demo展示页面 点击下载Demo源码 使用方法: 1、调用CSS样式: <link rel="stylesheet" type="text/css" href="css/nor....
  •   
  • 3803
  • HTML
  • 1
  • super_dodo
  • 2015/10/29

HTML5鼠标hover的时候图片放大的效果展示(仿新浪NBA)

看到新浪NBA的图片展示有一种跃然纸上栩栩如生的感觉,随后就像仿造着弄一个效果出来,对商品展示显得高大山一些。此功能不需要借助js完全HTML5+css3即可实现。主要就是HTML5鼠标hover的时候图片放大的效果展示(仿新浪NBA)。心动不如行动,直接上图上代码: 点击进入展示DEMO页面 代码如下。。直接Copy即可(替换一下图片地址) <!DOCTYPE html> <html lang=&....
  •   
  • 4098
  • HTML
  • 0
  • super_dodo
  • 2015/10/29

修改wordpress标签云html结构实现彩色标签云

实现非常简单:1.改html;2.改css 为什么要修改html结构呢?因为原始的标签云结构是 $a[] = <a class="tag-link-{$tag_id}" style="font-size: str_replace( ',', '.', ( $smallest + ( ( $count - $min_count ) * $font_step ) ) );" title="{$real_count}个话题" href="{$tag_link}">;{$tag_name}</a>; 而目标....
  •   
  • 3967
  • HTML
  • 2
  • super_dodo
  • 2015/10/29

首页自适应的分类图标的动画渐入效果

随着HTML5技术的不断更新和革新,动画效果也越来越多的被使用。下面分享一个很炫的,自适应的分类的效果展示。 该展示不需要借助js或者jquery,单纯的html5+css3实现,有两种方式:渐入和震荡的进入。进入的类型分为左右,各位请根据需要自定义修改即可。 展示效果图如下: 点击进入展示下载页面 HTML部分的代码如下: <!doctype html> <html lang="en&qu....
  •   
  • 3928
  • HTML
  • 0
  • super_dodo
  • 2015/10/28

手机WEB页面(HTML5)实现一键拨号及短信发送功能

在一些手机网页上面HTML5的页面,我们需要点击按钮或者电话的图标直接进行拨打电话的功能。其实HTML5已经帮我们做了很多工作了。例如:手机WEB页面(HTML5)实现一键拨号及短信发送功能。 实现该功能需要的条件:支持html5的浏览器 使用方法:在web页面里面实现拨打电话的功能 //拨打电话的功能 <a href="tel:139xxxxxxxx">一键拨打号码</a> //....
  •   
  • 5479
  • HTML
  • 9
  • super_dodo
  • 2015/10/19

HTML5 LocalStorage 本地存储

说到本地存储,这玩意真是历尽千辛万苦才走到HTML5这一步,之前的历史大概如下图所示: 最早的Cookies自然是大家都知道,问题主要就是太小,大概也就4KB的样子,而且IE6只支持每个域名20个cookies,太少了。优势就是大家都支持,而且支持得还蛮好。很早以前那些禁用cookies的用户也都慢慢的不存在了,就好像以前禁用javascript的用户不存在了一样。 userData是IE的东西,....
  •   
  • 3637
  • HTML
  • 5
  • super_dodo
  • 2015/10/12

BootStrap3 弹出的 模态框垂直居中问题(手机弹出层)

在网页开发中,包括手机开发中,手机弹出层的,Bootstrap被广泛的使用,Bootstrap的模态框是很出色的一个组件,能够及时的提示用户,友好的UI和编辑的操作方便用户使用。同时在手机展示页面也能很好的兼容。正常情况下模态框是比较靠近页面的头部,看了一下css 里面有padding-top:30px这个样式。所以正常情况下模态框是距离头部30px. 手机和电脑端的弹出层垂直居中会使页面....
  •   
  • 14248
  • HTML
  • 10
  • super_dodo
  • 2015/07/15

分享一个微客聚的产品展示的菜单切换的界面

分享一个微客聚的产品展示的菜单切换的界面。看上去的确很清爽。同时代码也很简介,相信很多用户都选择并喜欢这等简易简洁的代码风格。直接上图。经供参考和围观。底部有下载链接和展示页面。请复制链接并移步下载。如果觉得不错的话,也欢迎分享,相互交流学习。 直接上代码(HTML部分,CSS样式请下载压缩包,解压后即可。) <!DOCTYPE html> <html> <....
  •   
  • 3881
  • HTML
  • 5
  • super_dodo
  • 2015/03/02

全是干货!移动Html 5前端性能优化指南

概述 PC优化手段在Mobile侧同样适用 在Mobile侧我们提出三秒种渲染完成首屏指标 基于第二点,首屏加载3秒完成或使用Loading 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB Mobile侧因手机配置原因,除加载外渲染速度也是优化重点 基于第五点,要合理处理代码减少渲染损耗 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置 加载完....
  •   
  • 3499
  • HTML
  • 6
  • super_dodo
  • 2015/01/26

网页加载的时候动画的进度效果展示条

仿极客学院的网页导航栏上方的的动画色彩进度条展示,看到效果很不错。特意仿照学习整理一下。代码和内容都极度的精简。各位学习者只用复制过去即可使用。不需要任何多余的图片或者js组件。不过引入jquery是在所难免的。 效果展示界面,请见网页的中部 展示页面请点击 http://www.dodobook.net/demo/web_loading/ 直接上代码,各位copy后即可使用 <!DOCTYPE html> ....
  •   
  • 4351
  • HTML
  • 7
  • super_dodo
  • 2015/01/05