遇到一些比较复杂的动画可以用插件帮忙,我一般选择animate.css,有时间和机会的话试下 jquery.transit.js: jquery.transit.js:http://code.ciaoca.com/jquery/transit/demo/ animate.csshttp://alloyteam.github.io/JXAnimate/jxanimate_demo.html 这是老大之前发的动画原则,虽然我还没用过,但感觉总会有用上的一天http://www.sunnyzhen.com/course/animation_principles/demo.html?from=timeline&isappinstalled=0原文:http...
这是一款很实用的jQuery焦点图动画插件,跟其他jQuery焦点图插件不同的是,它带有一个水平的滑杆,你可以通过滑动滑杆实现图片的切换,也可以通过点击图片来切换。这款焦点图是纯jQuery实现的,兼容性和实用性都还可以,而且也比较简单,很容易集成到需要的项目中去。
效果展示如下所示:HTML代码CSS代码.ui-jcoverflip {
position: relative;
}
.ui-jcoverflip--item {
position: absolute;
display: block;
}
/* Basic sample CS...
What is Highcharts? 下载地址 http://www.gxlcms.com/jiaoben/24363.htmlHighcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.FeaturesCompatibleIt works in all modern browsers including the iPhone/iPad and ...
本文介绍了动画插件wow.js的使用方法 ,具体如下,分享给大家
1,下载文件animate.css 下载地址: http://daneden.github.io/animate.css/
wow.min.js 下载地址: http://www.downyi.com/downinfo/37040.html#address
2,引入文件
<link rel="stylesheet" href="css/animate.css" rel="external nofollow" >
<script src="js/wow.min.js"></script>
<script>new WOW().init();
</script>3,观察你需要的效果http://daneden.github.io/a...
这是一款很实用的jQuery焦点图动画插件,跟其他jQuery焦点图插件不同的是,它带有一个水平的滑杆,你可以通过滑动滑杆实现图片的切换,也可以通过点击图片来切换。这款焦点图是纯jQuery实现的,兼容性和实用性都还可以,而且也比较简单,很容易集成到需要的项目中去。
效果展示如下所示:
HTML代码
<div id="wrapper">
<ul id="flip">
<li title="The first image" ><img src="1.png" /></li>
<li title="A second image" ><img s...
What is Highcharts? 下载地址 //www.gxlcms.com/jiaoben/24363.htmlHighcharts is a charting library written in pure JavaScript, offering an easy way of adding interactive charts to your web site or web application. Highcharts currently supports line, spline, area, areaspline, column, bar, pie and scatter chart types.FeaturesCompatibleIt works in all modern browsers including the iPhone/iPad and Inter...