pengyaouhyy
- 浏览: 26987 次
- 性别:
- 来自: 成都
-
最新评论
文章列表
html代码
<div id="mainbogy">
<div id="cavcont" class="cavcont" style="width:100%; height:600px;">
</div>
</div>
需要引入的文件
<script src="js/Jq-19.js" type="text/javascript"></scr ...
Html5Canvas实现的动态时钟。
//引用代码
<div class="htmleaf-container">
<div class="container" style="margin-top:50px;">
<div id="myclock"><canvas width="350" height="350"></canvas></div& ...
查看演示
var ListView={
Init:function(){
$(".Item span").css("width",$(".ListView").width()/4+"px");
for(var i=0;i<$(".Item").length;i++){
var target=$(".Item")[i];
$(target).animate({marginLeft:"0px"},300+ ...
一个阿里云弹性计算的滑块，当然，与阿里云的还是有大差距哈。
查看演示
$(".track").mousedown(function() {
var target=$(this).parent();
isMoving=true;
$("html,body").mousemove(function(event) {
if(isMoving==false)return;
var changeX = event.clientX - ScrollerTrack.CurrentX;
...
一个Jq文字特效插件，包括3D效果。兼容性只有IE9+哈。
引入的库
<script type="text/javascript" src="demo1.js"></script>
<script type="text/javascript" src="demo2.js"></script>
<script type="text/javascript" src="demo3.js"></script& ...
最近在网上看到一组带有3D效果的扁平化进度条按钮，非常不错分享给大家。
在线演示
-webkit-scrollbar修改滚动条样式,包括背景颜色，大小，形状等等。
.test1::-webkit-scrollbar {
width: 8px;
}
.test1::-webkit-scrollbar-track {
background-color:#808080;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius:2em;
}
.test1::-webkit-scrollbar-thumb {
background ...
DIV+CSS+Jq实现的侧边栏按钮，位置靠右锤子居中。使用配置Json数据即可。
原文以及插件代码/示例演示
手风琴菜单效果实现
源代码/演示地址
Jquery实现的3种效果的不同种类的图片过滤。
演示以及原文
图片预览用到的地方非常多，这里分享一个自己做的
示例演示以及原文
HTML+CSS+Jq实现的一个比较简单的侧边栏选项卡。
示例以及原文
javascript PDF文件加载插件。
var PDFHandler=function(y){if(!y||!y.url){return false;}var w="1.2",b=y.id||false,i=y.width||"100%",z=y.height||"100%",r=y.pdfOpenParams,a,x;var v=function(){var c=null;if(window.ActiveXObject){c=new ActiveXObject("AcroPDF.PDF");if(!c){c ...