Welcome, Old Sport!

一款漂亮的jQuery加HTML5插件 – Mosaiqy

by ilikecss ON 2011/07/22 6472

Mosaiqy是一款jQuery插件 – 2011年6月29日发布 – 用于查看缩放照片,支持Opera9+,火狐3.6+,Safari3.2以上,Chrome和IE7。照片取自一个JSON/ JSONP的数据结构和网格内随机移动。所有耗资源的动画由最新的浏览器使用CSS3转换,最大限度地减少CPU负担。一款不错的插件结合了jQuery1.6 + HTML5技术,可选择画廊布局,3 X 4, 6 X 2, 12 X 1 等等按个人喜好。

演示地址和服务项目

需求

Mosaiqy是专门为jQuery1.6或更新版本的HTML5网页,如果你不使用HTML5标准网页格式,请复制下面的代码到你的HTML抬头。

<!doctype html>
<!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->  <html class="no-js" lang="en"> <!--<![endif]-->
<head>
...

请将下列代码插入到你的HTML的部分。

<head>
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"> </script>
        <script src="http://jdbartlett.com/innershiv/innershiv.js"> </script>
    <![endif]-->
    <script>
        (function(doc) { 
            doc.className = doc.className.replace(/(^|\b)no\-js(\b|$)/, 'js');
        }(document.documentElement));
    </script>
    ...
</head>

最后是页底的jQuery和Script

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"> </script>
<script src="lib/mosaiqy-1.0.0.min.js" id="mosaiqy-tpl"></script>
2条评论
  1. #1

    lz什么的最好了说道:

    演示的地址全都失效了??
    提示说找不到该页面。。




TOP