Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery / 6 сообщений из 6, страница 1 из 1
10.05.2014, 15:23
    #38637689
BoJI4er
BoJI4er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
Кто может казать - по какой причине может не корректно работать данный код:

 
HTML
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
<script src="JQuery.js"> </script>
<script src="main.js"> </script>
<body>
	<div id="menu">
    
    <ul>       
        <li><a href="#">item menu 1</a></li>
        <li><a href="#">item menu 2</a>
        <ul>
        	<li><a href="#">Item list 1 Item list 1</a></li>
            <li><a href="#">Item list 2</a></li>
            <li><a href="#">Item list 3</a></li>
            <li><a href="#">Item list 4</a></li>
        </ul>
        </li>       
        <li><a href="#">item menu 3</a>
        <ul>
        	<li><a href="#">Item list 1</a></li>
            <li><a href="#">Item list 2</a></li>
            <li><a href="#">Item list 3</a></li>
            <li><a href="#">Item list 4</a></li>
        </ul>
        </li>
        <li><a href="#">item menu 4</a></li>
    </ul>      

        
        
    </div>


<img id="Area-map" src="area.jpg" width="610" height="454" usemap="#map" ismap class="map"  />
    
    <map  class="map" name="map">
      <area shape="poly" coords="179,307,149,262,117,246,86,242,88,273,46,245,70,203,80,220,135,226,167,245,195,276" href="#?t=left" onmouseover="over('Left')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"ff00ff"}'>
      <area shape="poly" coords="246,197,259,101,236,99,272,62,307,98,279,102,299,190" href="#?t=top" onmouseover="over('Top')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"00ffff"}'>
      <area shape="poly" coords="410,280,433,253,470,229,523,225,534,207,558,249,515,278,520,245,487,250,455,266,425,311" href="#?t=right" onmouseover="over('Right')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"00ff00"}'>
      <area shape="poly" coords="236,418,257,421,257,397,279,400,277,426,303,425,275,447" href="#?t=bottom" onmouseover="over('Bootom')" onmousemove="move(event)" onmouseout="out()" data-maphilight='{"fillColor":"0000ff"}'>
    </map>
    
<script src="jquery.map.js"> </script>
<script src="map.js"> </script>


</body>
</html>


 
CSS
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
body {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
}

/*Menu JQuery*/
#menu {
	height:30px;
	background-color:#f90;	
}

#menu ul, #menu li {
	list-style:none;
	padding:0;
	margin:0;	
}

#menu li	 {
	float:left;	
	width:180px;
	line-height:30px;
	position:relative;
}

#menu li ul {
	position:absolute;
	background-color:#f90;
	left:-10px;
	display:none;
}

#menu li li {
	float:none;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	
}

#menu li li:hover {
	background-color:#FC0;	
}

#menu a{
	color:#000;
	text-decoration:none;
}


 
JS
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
$(document).ready(function(){
	$('#Area-map').maphilight();
	
	$("#menu li").hover(function(){
		$(this).children().show();
	},function(){
		$(this).parent().find("ul").hide();
	});
	
});




Если строку $('#Area-map').maphilight(); ЗАКОММЕНТИТЬ , то выпадающее меню работает корректно, если ВЕРНУТЬ , то карта работает, а выпадающее меню - нет. в чем может быть причина??
П.С. с JQuery связался в первой
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2014, 15:24
    #38637690
BoJI4er
BoJI4er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
Вот изображение, что я использую
 
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2014, 15:54
    #38637693
BoJI4er
BoJI4er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
Разобрался. Проблема заключалась в том, что выпадающее меню отображалось за рисунком, поэтому его и не было видно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2014, 16:24
    #38637699
Малыхин Сергей
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
Если не секрет зачем использовать <map>?
имхо не самая удобная технология
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2014, 17:54
    #38637725
BoJI4er
BoJI4er
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
Малыхин Сергей,

а что можешь посоветовать ? Интересует скорость обработки и потребление памяти ... а не удобность использования
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
10.05.2014, 21:25
    #38637780
Малыхин Сергей
Малыхин Сергей
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery
SVG или CSS
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 522ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447104]:
 0ms
get settings:
 11ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 188ms
get topic data:
 9ms
get forum data:
 3ms
get page messages:
 42ms
get tp. blocked users:
 2ms
others: 239ms
total:  522ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]