HTML | 布客网-PHP学习交流网

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

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

4184
HTML
1
super_dodo
2015/10/29

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

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

4544
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>; 而目标....

4393
HTML
2
super_dodo
2015/10/29

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

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

4314
HTML
0
super_dodo
2015/10/28

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

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

6145
HTML
9
super_dodo
2015/10/19

HTML5 LocalStorage 本地存储

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

4018
HTML
5
super_dodo
2015/10/12

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

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

14701
HTML
10
super_dodo
2015/07/15

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

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

4281
HTML
5
super_dodo
2015/03/02

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

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

3884
HTML
6
super_dodo
2015/01/26

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

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

4734
HTML
7
super_dodo
2015/01/05