有什么办法可以把别人网站的js特效复制下来？

[shpasspass]

最近看见一个js特效不错，默认显示一半的文章，点击展开全文后，就可以看到全部文章。很想要这个特效，但是不知道怎么找。样例参考： http://tz100.com/

[qiayue]

jquery自己写，很简单的啊
他的内容是全输出的，但是外边包了一个div，设置这个div固定高度（该站使用241px，建议是行高的整数倍，不然会出现最后一行只显示上一半文字效果）并且溢出隐藏。
当点击“展开全文”时，设置该div高度为100%，就自动显示全文了。
当点击“向上收起”时，设置该div高度为固定高度，就自动只显示一部分了。

部分js代码给你复制出来了，仅用于说明以上回复，不要说我copy。:-D
$('a.content_expand').unbind('click').bind('click', function(){
    var link = $(this);
    var data = link.attr('data');
    $('#cell_' + data + ' div.post_excerpt').height('100%');
    link.hide();
    link.next().show();
});
$('a.content_fold').unbind('click').bind('click', function(){
    var link = $(this);
    var data = link.attr('data');
    $('#cell_' + data + ' div.post_excerpt').height('241px');
    link.hide();
    link.prev().show();
    $('html,body').animate({scrollTop: $('#cell_' + data + ' div.post_excerpt').offset().top-80},'10');
});

[Rabbit52]

就一个 slideToggle 撒

[shpasspass]

@qiayue 多谢，可惜刚才去用了下，失败了。。。点上去没效果。。。可能是他需要取得data里的数据才可以用。

[shpasspass]

@qiayue 对了，他网站上这个js是怎么找到的？

[shpasspass]

大侠们能写一个适合静态页的这个特效吗？默认出现一半，点击后展现全文。
虽然找到过一个http://js.alixixi.com/read_80414_164.html 但是他的按钮和内容合二为一了。我希望的是按钮和内容分离的那种形式

[qiayue]

@shpasspass 那两段代码不是拿来就可以用的，你需要按照你自己的情况改改啊。
取data其实是为了取得那个外边div的id，有了id就可以用jquery获取该元素并且进行操作。

[shpasspass]

@qiayue 看来太难了，我还是找点别的现成的。。。

[javaluo]

q我帮你弄

[shpasspass]

@qiayue 请问这些js代码用什么工具可以找到？能简单指点一二吗？

[ispinfx]

不会大前端……

[linuxer]

用firebug，或者各种现代浏览器的F12，都可以查看js。

[qiayue]

@shpasspass 用FireFox和Chrome都可以，但是我更喜欢用Chrome。
Chrome打开某个页面，按F12（或者空白部位右键->审查元素）调出Developer tools，你可以看到跟这个网页相关的所有东西。
看js代码则点击“Scripts”这个tab，左上角会以下拉框的形式列出所有的含有js的文件，然后就是一个文件一个文件去看，查找关键字。

[shpasspass]

@qiayue 这个。。。Scripts这个tab真找不到。。。

[qiayue]

Chrome浏览器，F12

[shpasspass]

@qiayue 刚找了点资料，发现Scripts已经改名字了，叫sources.....怪不得找不到。

[shpasspass]

@qiayue 我这chrome是21.0.1180.89版本