-2

在 Google 的 Android 主页 ( http://developer.android.com/index.html ) 上,他们使用某种“轮播”控件来创建一种幻灯片,您可以在其中单击左箭头或右箭头查看不同的幻灯片中的内容。

我想使用同样的东西,所以我想我可以在我的谷歌 chrome 浏览器中查看 javascript 源代码,将它与 css 文件一起下载并重新使用它。它甚至可能是 Internet 上的一个开源 javascript 控件,所以如果我能弄清楚它是哪一个,我会直接访问它所在的站点。

我遇到的问题是试图找出 javascript 代码。使用 Chrome,显示的任何 javascript 文件均未指示用于创建或管理轮播的任何内容。是否有可能在浏览器中下载并运行 javascript 而不会显示为源代码?

4

2 回答 2

0

你看过docs.js包含在这个页面
下面是这个管理轮播的js的一部分

    /*
    * Slideshow 1.0
    * Used on /index.html and /develop/index.html for carousel
    *
    * Sample usage:
    * HTML -
    * <div class="slideshow-container">
    * <a href="" class="slideshow-prev">Prev</a>
    * <a href="" class="slideshow-next">Next</a>
    * <ul>
    * <li class="item"><img src="images/marquee1.jpg"></li>
    * <li class="item"><img src="images/marquee2.jpg"></li>
    * <li class="item"><img src="images/marquee3.jpg"></li>
    * <li class="item"><img src="images/marquee4.jpg"></li>
    * </ul>
    * </div>
    *
    * <script type="text/javascript">
    * $('.slideshow-container').dacSlideshow({
    * auto: true,
    * btnPrev: '.slideshow-prev',
    * btnNext: '.slideshow-next'
    * });
    * </script>
    *
    * Options:
    * btnPrev: optional identifier for previous button
    * btnNext: optional identifier for next button
    * btnPause: optional identifier for pause button
    * auto: whether or not to auto-proceed
    * speed: animation speed
    * autoTime: time between auto-rotation
    * easing: easing function for transition
    * start: item to select by default
    * scroll: direction to scroll in
    * pagination: whether or not to include dotted pagination
    *
    */ 

(function($) {
$.fn.dacTabbedList = function(o) {
//Options - see above
o = $.extend({
speed : 250,
easing: null,
nav_id: null,
frame_id: null
}, o || {});
//Set up a carousel for each
return this.each(function() {
var curr = 0;
var running = false;
var animCss = "margin-left";
var sizeCss = "width";
var div = $(this); 
...
于 2013-08-10T08:54:15.180 回答
0

他们正在使用carousel.js

真的不难找到。它在 doc.js 中的脚本下

但是要回答您最初的问题,如何隐藏 Javascript 代码很好地解释了它。你不能完全隐藏它,但你可以让它更难找到。

于 2013-08-10T08:55:53.153 回答