Github上一个模仿YouTube顶端进度条的jQuery实例,无法在本地部署,求教原因。
Demo地址:http://www.thepetedesign.com/demos/youtube_loadingbar_demo.html
Github源码:https://github.com/peachananr/loading-bar
是不是下面的这些参数调用错了?
Github源码:https://github.com/peachananr/loading-bar
<html>
<head>
<script type="text/javascript" src="jquery.loadingbar.js"></script>
<link rel="stylesheet" type="text/css" href="loadingbar.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$("#ajax-call").loadingbar({
done: function(data) {
$.each( data.shots, function( i, item ) {
$( "<img/>" ).attr( "src", item.image_teaser_url ).prependTo( $("#frame") );
if ( i === 11 ) {
return false;
}
});
}
});
});
</script>
<style>
.reload{
font-size: 14px;
font-family: "微软雅黑";
font-weight: bold;
}
</style>
</head>
<body>
<a id="ajax-call" href="http://www.baidu.com" class="reload">ajax-call</a>
<div id="frame"></div>
</body>
</html>是不是下面的这些参数调用错了?
$(".ajax-call").loadingbar({
replaceURL: false, /* You can visibly change the URL of the browser to reflect the clicked links by toggling this to true. Default is false. May not work in old browsers. */
target: "#loadingbar-frame", /* The container's selector where you want the ajax result to appear. Default is #loadingbar-frame */
direction: "right", /* The direction where the the loading bar will progress. Default is right. */
/* Default Ajax Parameters. */
async: true,
complete: function(xhr, text) {},
cache: true,
error: function(xhr, text, e) {},
global: true,
headers: {},
statusCode: {},
success: function(data, text, xhr) {},
dataType: "html",
done: function(data) {}
});
...全文
相关推荐
jquery插件NProgress.js制作网页加载进度条
NProgress.js 是一款轻量级的 jQuery 插件,专门用于创建精细的网页加载进度条。
FreshTube显示您最喜欢的Youtube频道的最新视频
本文介绍了一个名为FreshTube的网页,它通过表单输入YouTube API密钥和频道/用户信息,并利用Bootstrap和jQuery库实现功能。页面设计包括视频显示区域、刷新和设置按钮,以及用
FormApp:YouTube代码源-Form source code
**持续集成/持续部署(CI/CD)**: - 开源项目可能使用Jenkins、Travis CI或GitHub Actions等工具实现自动化测试和部署。8.
tubular:jQuery管状将猫视频变成网站背景。 这么危险
【标题】中的“tubular”是一个基于jQuery的插件,它允许开发者将YouTube视频作为网页的背景元素,实现一种动态、引人入胜的视觉效果。
jQuery动画缩略图插件PreViewTube.zip
本文介绍了名为PreViewTube的jQuery插件,用于动画化YouTube缩略图。该插件支持间隔和悬停两种模式,通过定时器实现图片切换,并提供详细的使用示例与安装说明。


