滚动条的自定义化，往往在做移动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)...
CSS3新增的动画帧非常绚丽，可以简单实现一些动画效果，目前除IE外各大主流浏览器都支持 本文演示三个：transform: scale3d(x, y, z)-缩放;、transform: translate3d(x, y, z)-位移;、transform:rotateX/Y(?deg)-旋转; 演示地址:http://wjf444128852.github.io/demo02/css3/index.html @keyframes 动画名{} @-处理兼容性-keyframesanimation: expand 0.6s ease-out infinite;[动画名 动画执行时间 动画速度 动画次数]-...
很简单的一个小练习，但做的过程中发现safari的一个坑，使用prompt()方法的时候，点击取消和不输入一样，会返回空字符' '，而不是null！ 要求：制作新按钮，“新窗口打开网站” ，点击打开新窗口。 任务: 新窗口打开时弹出确认框，是否打开 提示: 使用 if 判断确认框是否点击了确定，如点击弹出输入对话框，否则没有任何操作。 通过输入对话框，确定打开的网址，默认为 http：//www.imooc.com/ 打开的窗口要求，宽...
由于系统默认alert弹出窗口不能自定义样式，有可能不符合网站的风格，虽然网上应该有很多这样的JS 但是还是自己写的比较放心，顺便练习一下对DOM的操作 支持IE6下的SELECT不能遮罩的问题，谷歌支持圆角，IE6下就比较丑了，四四方方的，不过可以自定义自己喜欢的样式 听取建议后，修改了position:fixed, IE6下用hack处理了。 点击看效果: 点击模拟Alert弹出框 点击模拟Alert弹出框 点击模拟Alert弹出框 所需...