1. Html 实例 OwlSalmonTarantula 2.浏览器支持 IE Firefox Chrome Safari Opera支持 支持 支持 支持 支持 3.定义和用法data-* 属性用于存储页面或应用程序的私有自定义数据。data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验（不进行 Ajax 调用或服务器端数据库查询...
实现自定义的手型气泡提示 .test{ background: #CE5010 none repeat scroll 0% 0%; position: relative; border-radius: 20px; margin: 60px; height: 2em; text-align: center; float: left; color: white; padding-left: 10px; padding-right: 10px; padding-top: 5px; font-size: 12px; } .test span.bot{ width: 0; heig...
今天我们要来分享一款基于纯CSS的气泡提示框，和之前分享的一款jQuery消息提示框插件Tipso类似，整个提示框由箭头和矩形框组成，并且气泡提示框的箭头可以有不同的方向。这款CSS气泡提示框由纯CSS完成，最大的特点就是可以自定义配置，包括文字颜色、背景颜色和箭头方向等。效果图如下： 在线预览 源码下载 实现的代码。 css代码： .arrow_box { position: relative; background: #88b7d5; border: 4px...
滚动条的自定义化，往往在做移动web的时候，能为我们的项目增添不少风采，而且通过为其添加-webkit-overflow-scrolling : touch; 的css属性，使其有着如同ios系统浏览器中bounce的效果，这里的话，提供一个仿ios风格自定义滚动条的demo，代码如下： 1 2 3 自定义滚动条 4 5 6 #scrollbar{ 7 width:450px; 8 height:300px; 9 ...
jQuery LightGallery是一个轻量级的，可定制的，模块化的，响应式的 jQuery 相册插件。它采用 CSS 来实现图像和视频的大小调整。因此，这将是非常灵活的，并且比使用 JavaScript 方法相当快。 Lightgallery 自带几个内置模块，如缩略图，全屏，变焦等，很容易地创建你自己的模块。 马上去试试
CSS3 @font-face 规则在 CSS3 之前，web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3，web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时，可将该字体文件存放到 web 服务器上，它会在需要时被自动下载到用户的计算机上。您“自己的”的字体是在 CSS3 @font-face 规则中定义的。Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。Inter...
http://api.map.baidu.com/lbsapi/creatmap/index.html http://developer.baidu.com/map/index.php?title=webapi 百度地图API自定义地图 html,body{margin:0;padding:0;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wr...
转载请注明出处：王亟亟的大牛之路 上一篇讲了 Drawable Animation ，这一篇说的使用简单的View Animation，下一篇将会做一些深化的东西，上一篇的地址：（没看的小伙伴可以看下） 运行效果： 包结构： 一般来说动画需要以下属性： 1.初始状态； 2.结束状态； 3.持续时间； 4.Interpolator（插值器） 前几项的字面意思一目了然，最后一项是干什么呢？ 通过设置插值器可以改变动画的速度，以及最终效果。 ...
当我们在逛聊天室或者论坛时，经常会碰到有人提问怎么向 Drupal 网站中添加自定义CSS —— 通常来讲，通过 Drupal 主题来进行添加最好。不过在某些情况下，因为环境限制或网站管理员没有访问主题文件的权限，而不得不考虑其它办法。 今天本文就来介绍一下，如何使用CSS Injector模块来为 Drupal 7 网站中添加自定义CSS。 （译注：不论是 CSS Injector 还是 CSS Editor，都可作为临时性的CSS添加和调整手段，但最终都...
如何实现双击选中文本背景色自定义效果:本章节介绍一下如何实现当双击选中一定区域的文本的时候，实现背景色自定义的效果。下面就通过代码实例做一下简单介绍: 蚂蚁部落::selection{ background-color:#84ca7f; color:#000;}::-webkit-selection{ background-color:#84ca7f; color:#000;}::-moz-selection{ background-color:#84ca7f; color:#000;}softwhy.com是蚂蚁部落的网址。 上面的代码实现了我们的...
默认的复选框样式一般在项目中都很少用 ，看起来也丑丑的。这里提供一个优化样式后的复选框。原理就是隐藏掉默认样式，在用设计好的样式替代 html结构 全选 js调用 $("#checkbox1").checkbox({reqUnit:function() { console.log("点击复选框执行的后台操作"); },reqAll:function(){ console.log("点击全选复选框执行的后台操作"); }}); dem...
FusionCharts目前已更新至v3.10.1版本>>点击了解 FusionCharts v3.10.1更新详情 Fusioncharts的提示工具就是当鼠标悬停在某个特定的数据点上时显示的信息框，它显示一些有价值的信息，例如： 在单一系列图表中，它显示数据列的名称和数据值 在饼图和环形图中，它显示名称和数值/百分比 在多系列和组合图表中，它显示系列名称、类别名称和数据值 自定义提示工具 2D柱状图自定义提示工具边框...
英文原文： Chrome 49 Beta: CSS custom properties, background sync with service workers, and new ES2015 features 作者：Josh Karlin，Syncing Samurai 除非另外注明，下面介绍的更新适用于最新 Chrome Beta 版（Android、Chrome OS、Linux、Mac 和 Windows）。 CSS 自定义属性 现代网站的 CSS 文件中常常含有重复的值，例如，在整个页面中重复使用一个配色方案中的少数几种颜色。更改此数据非常繁琐且容易出...
《 CSS Secrets 》是 @Lea Verou 最新著作，这本书讲解了有关于CSS中一些小秘密。是一本CSSer值得一读的一本书，经过一段时间的阅读，我、@南北和@彦子一起将在W3cplus发布一系列相关的读后感，与大家一起分享。 设计师是很挑剔的一群人。我们总是很喜欢自定义一些东西，然后精心设计一番，使得它们和我们想要的视觉效果非常相近，让我们的设计更直观也更易于使用。毕竟，默认的东西很少有我们觉得不错的。 文本下划线...
DOM节点有一些属性和对象属性. 有时候我们会把他们搞混淆, 因为他们是相关联的, 但是他们真的是两个不同的东西. 特性 DOM节点是一个对象. 因此它可以存储自定义的对象属性和方法,就像任何的Javascript对象. 下面的例子是指定分配一个对象给document.body的myData对象属性. document.body.myData = { name: John}alert(document.body.myData.name) // Johndocument.body.sayHi = function() { alert(this.nodeName)...