javascript实现炫酷魔方

实现效果: 魔方动态转换,同时每个面里的每个块都能进行动态变换. 实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>魔方</title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ width: 100%; height: 100%…

用javascript写Android和iOS naitve应用，实在炫酷。

关注NativeScript有一段时间了,说好了的三月发第一个Beta版,终于发布了. // declare the extended NativeScriptActivity functionality var extendsObject = { onCreate: function(savedState){ // call the base NativeScriptActivity.onCreate method // the "this" variable points to a…

html5跟随鼠标炫酷网站引导页动画特效

html5跟随鼠标炫酷网站引导页动画特效一款非常不错的引导页,文字效果渐变,鼠标跟随出绚丽的条纹.html5炫酷网站引导页,鼠标跟随出特效. 体验效果:http://hovertree.com/texiao/html5/ 另外推荐一款类似特效: http://www.cnblogs.com/roucheng/p/layermenu.html 效果图: 以下是源代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtm…

HTML5打造的炫酷本地音乐播放器-喵喵Player

将之前捣腾的音乐频谱效果加上一个播放列表就成了现在的喵喵播放器(Meow meow Player,额知道这名字很二很装萌~),全HTML5打造的网页程序,可本地运行也可以挂服务器上用. 在线Demo及源码你可以访问下面的地址打开在线demo: http://wayou.github.io/MeowmeowPlayer/ 项目github地址: https://github.com/Wayou/MeowmeowPlayer/ 示例音乐下载,提供给硬盘里没有Music的同学:http://pan.…

一款炫酷的幻灯片播放框架介绍（附demo及使用方法）

废话不多说,先上demo(建议在chrome下打开 F键全屏 esc退出全屏): 我的demo-博客园简介官网demo 更多demo 今天为大家介绍一款基于css3和JavaScript的幻灯片播放工具,无意间发现了它,便爱不释手,弄清楚了它的使用方法,略记一二.如果你还在用PowerPoint做slides的话,真的可以尝试一下,不仅炫酷,熟悉了之后还会发现比传统的PPT制作更加简单.当然制作过程需要一点前端语言的技巧,如果没有,也没有关系,这里有可视化的制作工具,所见即所得,满足不同需求人…

7款经典炫酷的HTML5/jQuery动画应用示例及源码

jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQuery,真是我们开发者的福利啊.本文分享了一些经典炫酷的HTML5/jQuery动画应用,喜欢的朋友可以分享和收藏. 1.jquery视差滑块幻灯特效很传统的一款jQuery焦点图插件,但是该焦点图插件是宽屏的,整体…

7款纯CSS3实现的炫酷动画应用

1.纯CSS3实现人物摇头动画这次我们要来分享一款超级可爱的纯CSS3人物摇头动画,初始化的时候人物的各个部位是利用CSS3动画效果拼接而成,接下来就是人物听音乐的场景,一边听音乐一边摇着脑袋,十分陶醉的样子,周围还会出现跳动的音符动画. 在线演示源码下载 2.CSS3 Loading进度条加载动画特效 3款绚丽风格今天我要分享一款更加炫酷的CSS3进度条加载动画特效,该动画特效有3个不同的风格,注意,IE6,7,8是不支持该进度条动画的. 在线演示源码下载 3.纯CSS3实现云雾缭绕动…

Css3炫酷总结使用

先从CSS3的选择器说起: E F:所有的子孙元素: E>F: E中的子元素: E+F:E元素之后的最近的选择器: E~F:E中所以后面兄弟元素(CSS3 不包括自己本身,前面也不包括) att*=val:只要包含指定的元素符(val1 val2 等等都算): att^=val:首字符匹配: att$=val:尾字符匹配: att~=val:用空格分隔,且其中一个是val: att|=val:以val开头并用"-"连接符: CSS3伪类选择器: first-line first-…

Android开发必知--WebView加载html5实现炫酷引导页面

大多数人都知道,一个APP的引导页面还是挺重要的,不过要想通过原生的Android代码做出一个非常炫酷的引导页相对还是比较复杂的,正巧html5在制作炫酷动画网页方面比较给力,我们不妨先利用html5做出手机引导页面,然后将其嵌入APP中. 首先我们分析一下,都需要做哪些工作? 1.制作html5引导页面. 2.把做好的页面放入Android工程中assets文件夹下. 3.利用WebView加载asset文件夹下的html文件. 4.在引导页最后一页的按钮上捕捉点击事件,结束引导页,进入程序.…

基于Bootstrap的炫酷jQuery slider插件

简要教程这是一款在原生bootstrap slider的基础上制作效果非常炫酷的jQuery slider插件.该slider插件可以自定义slider的颜色.形状.透明度和tooltip等属性,美化的效果非常好. 安装可以使用npm和bower来安装该slider插件. npm install bootstrap-slider bower install seiyria-bootstrap-slider 使用方法首先要在页面中引入必要的css和js文件. <link href="c…

JParticles 2.0 发布，打造炫酷的粒子特效

JParticles 2.0 发布,打造炫酷的粒子特效.不好意思哈,在这么繁花似锦的世界里,标题不得不取得吸引眼球一点哈,不然...还是不啰嗦了,我们进入正题吧简单介绍一下 JParticles 2.0 版本之前还叫 Particleground.js,相信在用的朋友应该不会陌生,关于 1.x 版本的宣传文案可以移步看这里哈,或许可以帮助你了解 JParticles 2.0 的一些东西. 我们一贯的理念我们(我/笑哭)一贯的理念是信仰:"The Write Less, Do More&quo…

基于jQuery和CSS3炫酷图片3D旋转幻灯片特效

在线预览源码下载 iPresenter是一款效果非常炫酷的jQuery和CSS3 3D旋转幻灯片特效插件.你可以使用它来制作产品展示.图片画廊或者各种幻灯片和轮播图特效.这款幻灯片插件的特点有: 兼容jQuery. 高度灵活和可定制性. 灵活的用户界面的设计. 在单个HTML页面中允许存在多个实例. 可以定制每一个slider的easing效果. 多语言支持. 可以在 iOS 和 Android 上正常工作. 可以选择自动播放模式下鼠标悬停时停止播放幻灯片. 非常容易调整尺寸. 兼容外部字…

经典炫酷的HTML5/jQuery动画应用示例及源码

jQuery是一款普遍受前端开发者欢迎的Javascript框架,但是开发者貌似更关注jQuery开发的插件,海量的jQuery插件让前端开发者非常方便.HTML5的加入让jQuery这个家族更加丰富多彩,因为利用HTML5,我们可以制作更加绚丽动感的动画特效,HTML5结合jQuery,真是我们开发者的福利啊.本文分享了一些经典炫酷的HTML5/jQuery动画应用,喜欢的朋友可以分享和收藏. jquery视差滑块幻灯特效很传统的一款jQuery焦点图插件,但是该焦点图插件是宽屏的,整体看起…

hexo的next主题个性化教程:打造炫酷网站

看到有些next主题的网站很炫酷,那么是怎么配置的呢?接下来我会讲一讲如何实现一些炫酷的效果主要有以下32种: 在右上角或者左上角实现fork me on github 添加RSS 添加动态背景实现点击出现桃心效果修改文章内链接文本样式修改文章底部的那个带#号的标签在每篇文章末尾统一添加“本文结束”标记修改作者头像并旋转博文压缩修改``代码块自定义样式侧边栏社交小图标设置主页文章添加阴影效果在网站底部加上访问量添加热度网站底部字数统计添加 README.md 文件设…

c#/asp.net实现炫酷仿调色板/颜色选择器功能

asp.net 之颜色选择器,仿调色板功能 1. 插件非常容易使用,只需引用相应的js文件和css样式文件即可,见代码示例,插件精小,炫酷 2. 只需要初始化即可使用,并且选择的颜色会在文本框中以16进制的形式显示出来,即HEX颜色格式,到时候直接取值即可 3.大多数的颜色控件可能不好收集或者不易使用,故分享出来并且整理出来 4.代码展示 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://w…

基于skitter的轮播图炫酷效果，幻灯片的体验

概述包含各种炫酷的轮播切换效果,插件小巧,与其他插件无冲突,可用于移动端和PC端详细代码下载:http://www.demodashi.com/demo/11939.html 你还在用原生的js编写轮播图吗?还在为乏味的切换效果烦恼吗?在现在插件横飞的年代,快准狠才是重点,这次给大家推荐一款轮播图切换插件skitter. 官方文档可以参考skitter 不过是全英文哦,你做好准备了吗0.0. 简单介绍一下使用的方法和流程: 项目结构如下: 第一步: 引用skitter插件库和jquery…

一款基于jQuery和CSS3炫酷3D旋转画廊特效插件

这是一款效果炫酷的jQuery和CSS3 3D旋转画廊特效插件.该3D画廊插件可以通过前后导航按钮来切换图片,效果就像旋转木马一样.它还带有点击放大图片,显示图片标题和用键盘操作等功能. 在线预览源码下载简要教程这是一款效果非常炫酷的jQuery和CSS3 3D旋转画廊特效插件.第一个DEMO是一个简单的例子,使用CSS3来制作3d旋转效果,然后用js来控制前后导航按钮.第二个DEMO是第一个DEMO的升级版,它增加了图片标题.查看图片.键盘控制等其它功能. HTML结构这个3D画廊…

legend---四、菜鸟教程css3里面有教你炫酷的按钮怎么做

legend---四.菜鸟教程css3里面有教你炫酷的按钮怎么做一.总结一句话总结:想学,总是有很多资料的 1. 自动居中是 margin:100px 0px;么? 自动居中是margin:100px auto; 2.边框阴影是什么? box-shadow,边框阴影. 3.点击出现或者隐藏菜单怎么实现? 用toggle()方法就可以了 1 <a href="javascript: showMenu();" class=""> 2 3 <nav…

activate-power-mode，让你在Python编码中，感受炫酷的书写特效！

Atom Atom 是github专门为程序员推出的一个跨平台文本编辑器,具有简洁和直观的图形用户界面,并有很多有趣的特点:支持CSS,HTML,JavaScript等网页编程语言.说到这里大家以为我要介绍这款编辑器吗?NoNoNo,之所以提到它,是因为Atom编辑器有一个炫酷的特效activate-power-mode,像下面这样: 大家可以看到,插件在我们输入内容的时候,会出现页面抖动,多彩气泡的效果,看起来很炫酷.那么这个源于Atom的插件能否支持其他编辑器呢?答案是必须的啊- activ…