前端|左右切换+文字联动页面效果

superslide.js是一款非常好用的web前端开发类库，它是基于jquery所开发的，封装了很多常用的jquery动态效果，像tab选项卡、焦点图等等，使用简单、效果多样是它最大的特点，想要做出漂亮酷炫的网页当然少不了前端开发插件了，推荐给前端开发者下载使用。先到SuperSlider官网（http://www.superslide2.com/demo.html），找到类似的demo：

我用的是“焦点图/幻灯片”，实现左右切换+文字联动效果。

问题是页面效果出不来。
怎么肥事呢？一定是js的问题。

两种方法：
1.html中写如下代码，前面不用引js文件。

<script>
$(".solution-more-slide").slide({
effect: 'fold'
});
//hover，
</script>

2.html中不写代码块，我们在前面引js文件，但是js文件中要加东西。

<script src="../js/lef-rig.js"></script>

原因分析：

就像原生js的window.onload功能一样。
因为js是自上而下执行的，如果在head中引入的js文件里不加