使用姿势在设计全屏滚动插件的时候，希望开发者几乎：不用写任何脚本快速生成精致H5支持PC滚轮和移动触摸酷炫的转场动效灵活的时间轴管理一切皆可配置但是不写脚本肯定没有灵活性咯？！不是的。这里不仅仅可以通过在HTML配置一些参数，还可通过插件的回调函数进行一些逻辑注入。就拿上面大家扫码看到的例子的 部分HTML 来分析下AlloyTouch.FullPage的使用姿势：<div id="fullpage"><div><div><div class="animated" data-show="bou...
在这篇快速的jQuery插件开发教程中，我们将创建一个jQuery插件用来随机排序显示任何一个DOM元素的文字内容 -这将会是一个非常有趣的效果，可以用在标题，logo及其幻灯效果中。 在线演示 在线下载 代码片段那么第一部呢，我们将开发jQuery插件的基本架构。我们将把代码放入一个自运行的方法中，并且扩展$.fn.assets/js/jquery.shuffleLetters.js(function($){$.fn.shuffleLetters = function(prop){// Handling default argu...
今天我们介绍一个漂亮的jQuery翻页效果插件 - bookblock，使用它可以创建动态的类似书本翻页效果的幻灯。希望大家喜欢! HTML代码主要html代码如下，生成需要展示的图片内容：<div id="bb-bookblock" class="bb-bookblock"><div class="bb-item"><a href="http://www.gbin1.com"><img src="images/animals/a.jpg" alt="image01"/></a></div><div class="bb-item"><a href="http://www.gbin1.com"><img src="images/animals/b.jpg" ...
当我们为Web创造的东西，现在它是非常重要的，我们还记得网络已经从触摸板鼠标蔓延到触摸屏。有时候这是很难适应的，但经过不断努力创造一些真棒交叉设备友好的触摸和拖动!现在让我们用HTML5+jQuery实现支持桌面和移动拖动iPhone风格插件。源码下载 在线演示 代码：$(document).ready(function() { $('.content').dragSensitive({ // The length of every row. Default is 10 items per row rowLength : 10, ...
Sublime Text作为一个尽为人知的代码编辑器，其优点不用赘述。界面整洁美观、文本功能强大，且运行速度极快，非常适合编写代码，写文章做笔记。Sublime Text还支持Mac（MAC版SublimeText 3下载）、Windows和Linux各大平台（windows 版SublimeText 3（汉化版）下载），方便用户使用。种类繁多、功能强大的插件更给Sublime Text 3锦上添花。下载Package Control后就可以迅速的开启插件之路。 ...
一、前面的些唠叨 在我浮生如梦的大学那会儿，貌似flash网站还有点小火，且大凡有点含量的flash站点上，杂七杂八的音效总是少不了。一部分音效是烘托渲染气氛的背景音乐，另外一部分就是促进互动，增强体验的交互声音，例如按钮按下或者是经过时“哔哔”声或是“叭叭”声。而在那个时候，在远离flash的web页面上鲜有声音的交互，即使有，要想实现兼容性，要不借助控件，要不还是通过与flash交互实现（例如我之...
使用了jcanvas插件。 代码如下: var maxX=-1; var maxY=-1; var minX=99999; var minY=99999; function checkData(event){ var x=event.pageX-$('canvas').offset().left; var y=event.pageY-$('canvas').offset().top; if(x>maxX){ maxX=x; }else if(xminX=x; } if(y>maxY){ maxY=y; }else if(yminY=y; } } $(function(){ var obj=$('canvas'); var temp_e; var temp_draw=false; obj.on({ mousedown:function(e){ temp_e=e...
HTML5对Web Form做了许多增强，比如input新增的type类型、Form Validation等。 Placeholder是HTML5新增的另一个属性，当input或者textarea设置了该属性后，该值的内容将作为灰字提示显示在文本框中，当文本框获得焦点时，提示文字消失。以前要实现这效果都是用JavaScript来控制才能实现 , firefox、google chrome等表示对其支持 , 唯独IE存在违和感啊! 例如: 介绍一个超强的让IE下支持placeholder的属性插件,同时也兼容其他不支持...
上图便是这个音频播放器的UI界面图，里面还隐藏了一个歌曲的播放列表。整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成，看上去有难度的地方就只有CD和打碟器的制作了，在歌曲播放时CD和打碟器都是具有动画交互效果的，这个在后面的部分会讲解到。点击播放器的CD可以打开播放列表噢~ 因为这一期的教程主要是为了展示Html5新增的标签和audio元素的Dom API的使用，所以播放器UI的绘制在...
KeyMob移动端广告平台为应用开发者和广告主提供应用交叉推广、手机广告优化等一站式移动营销解决方案，使应用开发者和广告主获得价值的最大化。 一、使用方法 代码如下: 二、Html结构 代码如下: 你还可以通过使用sp-loading class添加一个图片加载时的loading指示器容器，这个容器会在图片加载完成之后消失。 代码如下:LOADING IMAGES 如果需要在页面加载时显示指定的商品缩略图，而不是第一张缩略图，可以在想要指定的...
一 . 背景及效果 当前互联网上传文件最多的就是图片文件了，但是传统web图片的截图上传需要：截图保存->选择路径->保存后再点击上传->选择路径->上传->插入。 图片文件上传也需要：选择路径再->上传->插入，步骤繁杂，互联网体验为王，如果支持截图粘贴上传、拖拽上传将大大提升体验。 当前知乎和github对现代浏览器均支持这两种特性，闲来无事就学习实现了一下，今天就说一说这个1kb插件实现什么功能，怎么使用和原理。 首先看一下...
本篇文章给大家带来的内容是关于安装html-webpack-plugin插件时报错以及处理办法，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。报错信息如下：安装html-webpack-plugin插件时报错以及处理办法：/*清缓存：*/ npm cache clean --force /*重新安装即可，可能需要以管理员身份运行*/ npm install --save-dev html-webpack-plugin以上就是对安装html-webpack-plugin插件时报错以及处理办法的全部介绍，如果您想了解...
今天给大家介绍的是一款非常好用的插件stylishstylish是一款可以为网站自定义主题的插件可以在chrome的应用商店找到也可以通过网址访问应用商店找到安装即可 点击网站也可以进入官网进入网站后输入你想要换皮肤的网站 举个栗子：比如我想给GitHub换个皮肤点击进去之后 因为我安装过了 所以这里是更新安装后打开GitHub就能看到效果了炫酷的不要不要的当然如果你觉得这些皮肤都不好看 你也可以自己写代码自定义任意网站的布局 颜色 字...
preference->package control->install package> emmet / jQuery先说jQuery jQuery 集成了很多JS的补全功能.例如appendChild, 它会有.Emmet快捷键http://docs.emmet.io/cheat-sheet/! tab 生成html基本格式table tab 生成table的标签a tab \ link tab 生成链接, 和css 链接nav>ul>li 生成:<nav><ul><li></li></ul> </nav> nav>ul>li*5<nav><ul><li></li><li></li><li></li><li></li><li></li></ul> </nav> 生成#id. classdiv#head...
首先：打开preference => Package Control，输入Add Repository ，用它来为Sublime 添加插件安装源，最后, 按package control -> package install 安装完成, 鼠标右键拷贝会多了 copy as html的格式, 按! 粘贴到微博插件无需设置，在代码编辑窗口选中代码，点击鼠标右键就可以看到相关菜单，或者在 "Edit->Highlight"中访问相关指令就OK.使用Highlight转换成HTML之后就可以将代码，复制到新浪博客中，但是记得要在老版编辑器中，...