为了账号安全，请及时绑定邮箱和手机立即绑定

课程

/前端开发

/HTML/CSS

/企业网站综合布局实战

myFocus只有一种样式

为什么明明看网上demo演示的时候有那么多样式，到我下载下来才发现只有一种样式，就是老师课堂演示那种~·有遇到同样问题的吗http://img1.sycdn.imooc.com//580e062e0001bba605890388.jpg

emily973

2016-10-24

源自：企业网站综合布局实战  3-8

关注问题 我要回答
1790
操作
收起

正在回答

7 回答

慕粉4114772 回答被采纳 +3 积分
2016-10-27

是啊，修改对应的文件路径

0 回复 有任何疑惑可以回复我~
收起回答
#1

emily973 提问者

就是换了也是原来那个样式
2016-10-27 回复 有任何疑惑可以回复我~
#2

慕粉4114772 回复 emily973 提问者

好吧， 我这里也是，默认就是老师讲课的样式，修改确实没有变
2016-10-28 回复 有任何疑惑可以回复我~
#3

emily973 提问者

修改了几种都是一样的样式，才郁闷
2016-10-28 回复 有任何疑惑可以回复我~
#4

慕粉4114772 回复 emily973 提问者

我大概看了下这种用mF库的东西，在实际网页中，看F12的内容，那图那段Element ul元素代码，是定时的修改才这么显示的。要找这个问题的原因，可以去看修改这段代码的js代码。 跟踪方向：myFocus.set({id:"picBox"});这里哪个地方选择样式相关的js和css，但我没有这么作。 不知道是不是下载的库的原因，我是网友给的baidu云里的mini资源，
2016-10-30 回复 有任何疑惑可以回复我~
#5

emily973 提问者 回复 慕粉4114772

跟着你的思路去跟踪一下果然让我解决了……万分感激！
2016-10-30 回复 有任何疑惑可以回复我~
#6

emily973 提问者

感谢几天对我问题的关注~
2016-10-30 回复 有任何疑惑可以回复我~
查看3条回复
疆南星耀
2016-12-12

是啊，我也默认一种，用了楼主的方法重新指定才换的，并不觉得多此一举

0 回复 有任何疑惑可以回复我~
收起回答
#1

emily973 提问者

我们是用保守战略……
2016-12-12 回复 有任何疑惑可以回复我~
#2

疆南星耀 回复 emily973 提问者

=￣ω￣=
2016-12-12 回复 有任何疑惑可以回复我~
se7enweb
2016-12-08

只需引入myfocus库 ，把你的风格文件放在myFocus库文件目录下的mf-pattern目录内；

例如，你的myFocus-2.0.0.min.js文件放在js目录，那么，只需在js目录内建立一个mf-pattern的子目录，这个子目录便是myFocus程序可以识别的存放风格文件的目录。

在mf-pattern目录中，也存在一个img的子目录，它是存放某些风格的图片文件，虽然并不是每款风格都会有图片文件。

建议把所有的风格文件都存放在这个mf-pattern目录，这样你就可以随意切换你的风格了，而且它是按需加载，并不会引入其它多余的文件。

然后在js中加入

myFocus.set({
   id:'boxID',//焦点图盒子ID 自己的id
   pattern:'mF_fancy',//改成你要引入的风格

）}

0 回复 有任何疑惑可以回复我~
收起回答
#1

emily973 提问者

感觉思路和我的差不多，然后你的就调用一种样式，路径简化了
2016-12-12 回复 有任何疑惑可以回复我~
慕粉4114772
2016-10-30

算是一个解决方案吧，但是我感觉这个东西并不是这样使用的。

前面使用script引入了js文件和css文件，在调用中又要专门去写入特定的样式名，有点多此一举的感觉。

一般的我感觉是这样作才对，在引入的JS文件中，给出一个方法，myFocus.set({ id:'picBox' });中或库中自已处理填写相应的参数才对~


0 回复 有任何疑惑可以回复我~
收起回答
#1

emily973 提问者

我也觉得多此一举，其实js我还不是很熟悉，自学刚刚起步~遇到情况除了百度就是各种尝试
2016-10-30 回复 有任何疑惑可以回复我~
#2

慕粉4114772 回复 emily973 提问者

你这学习方法是对的，如果没有其它编码经验，一定要多练。 我是有了C基础，但是我也同样感觉自己缺少练习，JS基础、DOM、BOM学完了，现在感觉是没有什么感觉。 看后边的练手项目了。
2016-10-30 回复 有任何疑惑可以回复我~
emily973 提问者
2016-10-30

解决办法：在<script type="text/javascript">myFocus.set({ id:'picBox' });</script>这段代码的中间再加上一个属性“pattern:'mF_tbhuabao' ”说明调用的样式，如图。

（ps:这是我自个摸索出来的，老师在教程里没有加这个属性，mufocus的官网有关该插件的使用方法也是没有的，可能是电脑配置不同或者浏览器版本不同导致的~）

5815bfaa000196fc05000138.jpg

5815bfaa00016b5a05000264.jpg



2 回复 有任何疑惑可以回复我~
收起回答
emily973 提问者
2016-10-24

不行，已经试了几个，都是第一种效果

0 回复 有任何疑惑可以回复我~
收起回答
#1

慕粉4114772

<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script><!--引入myFocus库--> <script type="text/javascript" src="js/mf-pattern/mF_qiyi.js"></script><!--引入风格js文件--> <link href="js/mf-pattern/mF_qiyi.css" type="text/css" /><!--引入风格css文件--> 上面这三行修改了没有？
2016-10-27 回复 有任何疑惑可以回复我~
#2

emily973 提问者 回复 慕粉4114772

如果是想换一种样式不是改下面两行吗
2016-10-27 回复 有任何疑惑可以回复我~
lt_大胡子
2016-10-24

从你这个文件夹来看有很多样式啊：“样式名称.css”  。调用的时候改下样式名称就可以。

0 回复 有任何疑惑可以回复我~
收起回答
#1

emily973 提问者

不行，这样才郁闷
2016-10-24 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
企业网站综合布局实战
  • 参与学习       157043    人
  • 解答问题       1984    个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

进入课程

本课相似问答

1 回答myfocus改其他样式

2 回答myFocus的样式问题

1 回答myfocus

1 回答myfocus在360浏览器下面兼容模式是乱的，只有极速模式才是正常的

4 回答myfocus
搜索更多本课相关问答

myFocus只有一种样式

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信