                        課程
                    
                        /前端開發(fā)
                        
                            /HTML/CSS
                        
                        /企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

焦點(diǎn)圖的圖片切換問題

老師你好，我制作好的網(wǎng)頁，按老師講的應(yīng)用myFocus，為什么在Google和獵豹瀏覽器上不能顯示切換？我想是不是瀏覽器上Flash不兼容問題。附上圖片，請老指點(diǎn)一下。

部分代碼：

myFocus.set({id:'picBox'});

</script>

Dove_1227

2014-12-17

源自：企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn) 4-1

關(guān)注問題我要回答

4017

操作

收起

8 回答

慕用7077196
2015-02-25

另外一個(gè)問題就是你的圖片不是放在同一個(gè)文件夾里的嗎？有的寫的是images有的寫的是imgs

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕用7077196

這個(gè)忽略，我看錯(cuò)了，你是改了幾張圖片的名字

2015-02-25 回復(fù) 有任何疑惑可以回復(fù)我~

慕用7077196
2015-02-25

link中不是style="text/css"而是type="text/css"
加入收藏：<a href="#" onclick="AddFavorite(windows.location document.title )">加入收藏</a>中間少了“,”
html中，外層div你給了<div class="wrape">
css中，你卻寫的是.wrap{}
你在調(diào)用myFocus.set()時(shí)只給了一個(gè)盒子的id名，沒有設(shè)置盒子的寬高
myFocus.set({
? ? id:'picBox',
? ? width:1000,
? ? height:310
});
其他參數(shù)：
myFocus.set({
? ? id:'picBox',//焦點(diǎn)圖盒子ID
? ? pattern:'mF_fancy',//風(fēng)格應(yīng)用的名稱
? ? time:3,//切換時(shí)間間隔(秒)
? ? trigger:'click',//觸發(fā)切換模式:'click'(點(diǎn)擊)/'mouseover'(懸停)
? ? width:1000,//設(shè)置圖片區(qū)域?qū)挾?像素)
? ? height:310,//設(shè)置圖片區(qū)域高度(像素)
? ? txtHeight:'default'//文字層高度設(shè)置(像素),'default'為默認(rèn)高度，0為隱藏
});

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者
2014-12-17

圖片是和老師講的一樣

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者
2014-12-17

CSS代碼：

@charset "utf-8";

/* CSS Document */

margin:0;

padding:0;

font-size:12px;

}

body{

background-color:#f5f5f5;

}

.top{

width:100%;

height:27px;

background: url(../imgs/top_bg.jpg) repeat-x;

}

.top-content{

width:1000px;

margin:0 auto;

}

.top-content li{

list-style-image:url(../imgs/li_bg.gif);

float:right;

width:70px;

line-height:27px;

}

.top-content a:link,.top-content a:visited{

color:#8e8e8e;

text-decoration:none;

}

.top-content a:hover,.top-content a:active{

color:red;

}

.all{

width:100%;

margin:0 auto;

background-color:#e8e8e8;

/*padding-top:27px;*/}

.wrap{

width:1000px;

margin:0 auto;

/*background-color:#e8e8e8;*/

}

.logo{

height:80px;

background:#fff;

}

.logo-left{

float:left;

width:200px;

}

.logo-right{

float:right;

width:300px;

height:30px;

margin-top:26px;

color:#8e8e8e;

}

.logo-right img{

vertical-align:middle;

margin-right:10px;

}

.tel{

font-family:"microsoft Yahei";

font-size:12px;

color:#F00;

}

.nav{

height:40px;

}

.nav-left{

width:10px;

background:url(../imgs/nav_left.jpg) no-repeat;

float:left;

height:40px;

}

.nav-middle{

width:980px;

background:url(../imgs/nav_bg.jpg) repeat-x;

float:left;

}

.nav-right{

width:10px;

background:url(../imgs/nav_right.jpg) no-repeat;

float:left;

height:40px;

}

.nav-middle-left,.nav-middle-right{

float:left;

}

.nav-middle-left{

width:680px;

}

.nav-middle-right{

width:300px;

/*margin-top:5px;*/

}

.nav-middle-left li{

float:left;

list-style-type:none;

width:100px;

text-align:center;

line-height:40px;/*行高設(shè)為盒子的高度，就可使文字為正中間位置*/

}

/*設(shè)置超鏈接的四種狀態(tài)*/

.nav-middle-left a:link,.nav-middle-left a:visited{

text-decoration:none;

color:#fff;

font-size:16px;

font-family:"microsoft Yahei";

}

.nav-middle-left a:hover,.nav-middle-left a:active{

text-decoration:none;

color:#ff0;

font-size:16px;

font-family:"microsoft Yahei";

}

.search{

width:190px;

height:25px;

margin-top:8px;

background:url(../imgs/search.jpg) no-repeat right center;

background-color:#FFF;

padding-right:25px;

border:1px solid #FFF;

}

.ad{

height:310px;

overflow:hidden;

}

.main{

height:250px;

background-color:#FFF;

margin-top:5px;

}

.news{

width:340px;

border:1px solid #e8e8e8;

/*background-color:#3CC;*/

}

.course{

width:410px;

border:1px solid #e8e8e8;

/*background-color:#9C9;*/

margin:0 7px;

}

.sidebar{

width:230px;

/*background-color:#3CC;*/

}

.news,.course,.sidebar{

height:250px;

float:left;

}

.title{

height:35px;

border-bottom:2px solid #e8e8e8;

}

.title-left{

width:70%;

font-family:"microsoft Yahei";

font-size:14px;

font-weight:bold;

color:#786f66;

float:left;

line-height:35px;

padding-left:20px;

}

.title-right{

width:20%;

line-height:35px;

text-decoration:none;

font-size:16px;

float:right;

}

.title-right a{

color:#999999;

}

.pic-news{

height:80px;

margin-top:10px;

line-height:22px;

}

.pic-news img,.course-pic img{

float:left;

margin:0 8px;

}

.pic-news a,.course-pic a{

color:#c00;

text-decoration:none;

}

.news-list,.course-type{

margin-top:20px;

}

.news-list li{

list-style-type:none;

background:url(../imgs/list.jpg) no-repeat;

padding-left:10px;

margin:8px 8px;

border-bottom:1px dotted #ccc;

/*font-size:36px;*/

}

.news-list a:link,.news-list a:visited{

font-size:14px;

text-decoration:none;

color:#000;

}

.news-list a:hover,.news-list a:active{

font-size:14px;

text-decoration:none;

color:#F00;

}

.date{

/*padding-left:10px;*/

float:right;

color:#999;

}

.course-pic{

height:120px;

margin-top:10px;

line-height:22px;

}

.course-type{

width:372px;

height:72px;

margin:20px auto;

background:url(../imgs/product_type_bg.jpg) no-repeat;

}

.course-type li{

float:left;

list-style-type:none;

line-height:37px;

margin:0 15px;

}

.course-type a:link,.course-type a:visited{

font-size:18px;

text-decoration:none;

color:#000;

}

.course-type a:hover,.course-type a:active{

font-size:20px;

text-decoration:none;

color:#F00;

}

.video{

height:150px;

border:1px solid #e8e8e8;

}

.video-cont{

height:150px;

}

.sidebar-ad{

height:55px;

border:1px solid #e8e8e8;

margin-top:35px;

}

.copyright{

width:100%;

height:200px;

background-color:#e8e8e8;

margin-top:2px;

clear:both;

}

.copyright-cont{

width:1000px;

margin:0 auto;

padding-top:20px;

}

.copyright-cont li{

list-style-type:none;

float:left;

width:200px;

background:url(../imgs/line.png) no-repeat right center;

text-align:center;

line-height:30px;

font-family:"microsoft Yahei";

}

.copyright-cont a{

text-decoration:none;

font-size:19px;

color:#996;

}

.copyright-cont li ul li a{

font-size:14px;

}

.picture{

border:1px solid #e8e8e8;

}

.ap{

height:310px;

/*overflow:hidden;*/

}

.news-list-main{

min-height:350px;

_height:350;

/*margin: 0 auto;*/

background-color:#fff;

margin-top:10px;

}

.news-type{

width:220px;

height:350px;

border:1px solid #e8e8e8;

/*background-color:#039;*/

float:left;

}

.news-box{

width:770px;

min-height:350px;

_height:350px;

border:1px solid #e8e8e8;

/*background-color:#FCF;*/

float:right;

}

.news-type h2{

height:35px;

line-height:35px;

font-size:16px;

font-family:"microsoft Yahei";

color:#C03;

padding-left:20px;

background:url(../imgs/titile_bg.gif) repeat-x;

}

.news-type-cont{

height:365px;

background:url(../imgs/content_bg.gif) repeat-x;

}

.news-type-cont li{

list-style-type:none;

height:30px;

line-height:30px;

text-shadow:#6C3;

border-bottom:1px dotted #C9C;

}

.news-type-cont li a{

color:#0C3;

text-decoration:none;

background:url(../imgs/li_bg.gif) no-repeat left center;

padding-left:10px;

display:block;

font-size:13px;

font-family:"microsoft Yahei";

}

.news-type-cont li a:hover{

color:blue;

background:url(../imgs/li_bg2.gif) no-repeat left center;

background-color:#f2f2f2;

}

.news-box h2{

height:35px;

line-height:35px;

font-size:14px;

font-family:"microsoft Yahei";

color:#666;

padding-left:20px;

background:url(../imgs/type_bg.png) repeat-x;

}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者
2014-12-17

</div>

? ? <div class="wrape">

? ? ? ? <div class="logo">

? ? ? ? ? ? ?<div class="logo-left">

? ? ? ? ? ? ? ? <img src="imgs/logo_meitu_1.jpg" alt="科技"/>

? ? ? ? ? ? ?</div>

? ? ? ? ? ? ?<div class="logo-right">

? ? ? ? ? ? ? ? <img src="imgs/tel.jpg" alt="時(shí)間"/>：近段時(shí)間<span class="tel">182-7071-6335</span>

? ? ? ? ? ? ?</div>

? ? ? ? </div>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者
2014-12-17

<body>

? ? <ul>

? ? ? ? <li><a href="#">聯(lián)系我們</a></li>

? ? ? ? ? ? <li><a href="#" onclick="AddFavorite(windows.location document.title )">加入收藏</a></li>

? ? ? ? ? ? <li><a href="#" onclick="SetHome(windows.location)">設(shè)為主頁</a></li>

? ? ? ? </ul>

? ? </div>

? ? ??

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者
2014-12-17

全部代碼：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

myFocus.set({id:'picBox'});

</script>

</head>

IE10上有時(shí)可以用，好奇怪，Google和獵豹兩個(gè)瀏覽器不行。弄了好久，好煩啊，謝謝你??！

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

趙小布
2014-12-17

貼上全部的代碼，我可以幫你調(diào)試。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

Dove_1227 提問者

看看我的問題，已經(jīng)附上代碼了，忘了附在這上面了，謝謝你幫我解答啊

2014-12-17 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150

提交

取消

企業(yè)網(wǎng)站綜合布局實(shí)戰(zhàn)

參與學(xué)習(xí) 157038 人
解答問題 2157 個(gè)

本課程重點(diǎn)介紹HTML/CSS實(shí)現(xiàn)常見企業(yè)網(wǎng)站布局的方法

進(jìn)入課程

本課相似問答

1 回答圖片焦點(diǎn)圖的切換

3 回答焦點(diǎn)圖片問題

1 回答焦點(diǎn)圖風(fēng)格切換沒效果

1 回答焦點(diǎn)圖圖片不顯示問題

1 回答焦點(diǎn)圖片中的loading圖片

搜索更多本課相關(guān)問答

焦點(diǎn)圖的圖片切換問題

我要回答關(guān)注問題

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

焦點(diǎn)圖的圖片切換問題

8 回答

本課相似問答

焦點(diǎn)圖的圖片切換問題