1. Контролировать видимость горизонтальной и вертикальной полос прокрутки?
<body style="overflow-y:hidden"> Удалить ось X
<body style="overflow-x:hidden"> Удалить ось Y.
<body Scroll="no">Не отображать
--------------------------------------- - ----------------------------------------
2. Изменение цвета формы
<TD onmouseover="this.style.backgroundColor='#FFFFFF'"
onmouseout="this.style.backgroundColor=''"
style="КУРСОР: рука">
-------------------------------------------------- ----------------------------------
3. Запретить копирование, перетащить мышкой для выбора
<body ondragstart=window.event.returnValue=false oncontextmenu=window.event.returnValue=false onselectstart=event.returnValue=false>
-------------------------------------------------- ----------------------------------
4. Обычная страница iframe
<iframe name="name" src="main.htm" width="450" height="287" прокрутка="Авто" Frameborder="0"></iframe>
--------- -- ------------------------------------------------ -- -------------------
5.iframe адаптивная высота
<iframe name="pindex" src="index.asp" Frameborder=false Scrolling="auto" width="100%" height="100%" Frameborder=no onload="document.all['pindex'].style .height=pindex.document.body.scrollHeight" ></iframe>
-------------------------------------------------- ----------------------------------
6. Измените адресную строку IE на свой собственный значок, и ваш значок может отображаться в избранном.
<link rel="Значок ярлыка" href="favicon.ico">
<link rel="Bookmark" href="favicon.ico">
-------------------------------------------------- ----------------------------------
7. Масштабирование размера шрифта Все больше и больше людей проводят много времени в Интернете, а популярность очков также становится все выше и выше. Делайте текст крупнее, чтобы больше пользователей могли видеть его более четко.
<тип сценария="текст/javascript">
функция doZoom(размер)
{document.getElementById('zoom').style.fontSize=size+'px';}
</скрипт>
<span id="zoom">Текст указанного размера</span>
<a href="javascript:doZoom(16)">Большой</a> <a href="javascript:doZoom(14)">Средний</a> <a href="javascript:doZoom(12)">Маленький </а>
-------------------------------------------------- ----------------------------------
8. Простой код веб-страницы перехода. Если вы хотите, чтобы страница переходила после отображения в течение 3 секунд, вы можете добавить этот код в часть <head></head> html-кода:
<meta http-equiv="refresh" content="3; url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
9. Встроенный адрес, заполненный адаптивной высотой iframe (встроенный фрейм), должен находиться на том же сайте, что и эта страница, иначе появится сообщение «Доступ запрещен!». Существуют проблемы с разрешениями при использовании междоменных ссылок. Проверьте другую информацию.
<iframe name="guestbook" src="gbook/index.asp" прокрутка=no width="100%" height="100%"frameborder=no onload="document.all['guestbook'].style.height= Guestbook.document.body.scrollHeight"></iframe>
-------------------------------------------------- ----------------------------------
10. Меню перехода в новом окне
<select name="select" onchange="window.open(this.options[this.selectedIndex].value)">
<option value=" http://www.microsoft.com/ie ">Internet Explorer</option>
<option value=" http://www.microsoft.com "> Домашняя страница Microsoft</option>
<option value=" http://msdn.microsoft.com "> Сеть разработчиков</option>
</выбрать>
-------------------------------------------------- ----------------------------------
11. опция прозрачности вспышки
<param name="wmode" value="transparent">
-------------------------------------------------- -------------------------------
12. Добавить в избранное и сделать домашней страницей.
<a href=# onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.devdao.com');">Установить в качестве домашней страницы</a>
<a href="javascript:window.external.AddFavorite('http://www.devdao.com/','Webmaster Design Network')">Добавить этот сайт в избранное</a>
-------------------------------------------------- ----------------------------------
13. Запишите и отобразите время последнего изменения веб-страницы.
<язык сценария=JavaScript>
document.write("Время последнего обновления: " + document.lastModified + "")
</скрипт>
-------------------------------------------------- ----------------------------------
14. Обратный отсчет до праздников
<Язык сценария="JavaScript">
var timedate = новая дата («1 октября 2002 г.»);
var times="Национальный день";
вар сейчас = новая дата();
var date = timedate.getTime() - now.getTime();
var time = Math.floor(дата / (1000 * 60 * 60 * 24));
если (время >= 0)
document.write("Теперь осталось: "+time +"дней" из "+time+")
</скрипт>
-------------------------------------------------- ----------------------------------
15. Добавьте в HEAD, чтобы отключить кеширование.
<meta http-equiv="Истекает" CONTENT="0">
<meta http-equiv="Cache-Control" CONTENT="no-cache">
<meta http-equiv="Pragma" CONTENT="no-cache">
---------------------------------- - ------------------------------------------------- -
16. Сделайте фон документа внутри рамки IFRAME прозрачным.
<iframe src="about:<body style='background:transparent'>"allowtransparency></iframe>
-------------------------------------------------- ----------------------------------
17. Развернуть окно при его открытии.
<script Language="JavaScript">
<!-- Начать
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
// Конец -->
</скрипт>
-------------------------------------------------- ----------------------------------
18. Добавьте фоновую музыку
<bgsound src="mid/windblue[1].mid"loop="-1"> применяется только к IE
<embed src="music.mid" autostart="true"loop="true"hidden="true">Применимо как к Netscape, так и к IE
-------------------------------------------------- ----------------------------------
19.Прокрутка
<marquee Direction=up height=146 onmouseout=start() onmouseover=stop() ScrollAmount=2>Информация о прокрутке
</marquee>
-------------------------------------------------- ----------------------------------
20. Запретить сброс страницы до кода «javascript:void(null)» вверху страницы вместо исходного знака «#» при нажатии на пустую ссылку.
-------------------------------------------------- --------------------------
21. Текст или картинки всплывают в окне заданного размера и добавляются в тело
<script Language="JavaScript" type="text/JavaScript">
function MM_openBrWindow(theURL,winName,features) {window.open(theURL,winName,features);}
</скрипт>
всплывающий код
<a href="#" target="_self" onClick="MM_openBrWindow('windows01.htm','','width=550,height=380')" width="550" height="380" border=" 0">Изображение или текст</a>
-------------------------------------------------- ----------------------------------
22.Код перехода на страницу
<meta http-equiv="refresh" content="5;url=http://www.devdao.com">
-------------------------------------------------- ----------------------------------
23. Тонкие разделители линий
<hr noshade size=0 color=#C0C0C0>
-------------------------------------------------- ----------------------------------
24. Автоматический перенос строк на веб-страницах.
<td style="word-break:break-all">Вот и все.
завершено
style="table-layout: фиксированный;WORD-BREAK: разрыв всех слов; WORD-WRAP: разрыв слова"
-------------------------------------------------- ----------------------------------
25. Удалите панель инструментов изображения, которая автоматически появляется в ie6, и установите для атрибута GALLERYIMG значение false или no.
<IMG SRC="mypicture.jpg" HEIGHT="100px" WIDTH="100px" GALLERYIMG="no">
-------------------------------------------------- ----------------------------------
26. Запретить выбор содержимого тела страницы.
<body oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return
false"onmouseup="document.selection.empty()">
------------------------------------ ---- ---------------------------------------------- ----
27. Вы не можете щелкнуть правой кнопкой мыши, CTRL+A не требуется и вы не можете копировать!
<body oncontextmenu="window.event.returnValue=false"
onkeypress="window.event.returnValue=false"
onkeydown="window.event.returnValue=false"
onkeyup="window.event.returnValue=false"
ondragstart="window.event.returnValue=false"
onselectstart="event.returnValue=false">
</тело>
-------------------------------------------------- ----------------------------------
28.IE-браузер поддерживает свойство Body bgproperties, которое может предотвратить прокрутку фона:
<Body Background="Файл изображения" bgproperties="исправлено">
-------------------------------------------------- ----------------------------------
29. Случайное изменение фонового изображения (специальный эффект, способный поднять настроение)
<Язык сценария="JavaScript">
image = new Array(4); //Определяем изображение как массив номеров изображений image [0] = 'tu0.gif' //Путь к фоновому изображению image [1] = 'tu1.gif'
изображение [2] = 'tu2.gif'
изображение [3] = 'tu3.gif'
изображение [4] = 'tu4.gif'
число = Math.floor(Math.random() * image.length);
document.write("<BODY BACKGROUND="+image[number]+">");
</Script>
---------------------------------------------- - ----------------------------------
30. Кнопка формы изображения
<form id="form1" name="form1" метод="post" action="">
<img src="login.gif" width="62" height="22" onclick="document.form1.submit()" />
</форма>
-------------------------------------------------- ----------------------------------
31. Метод определения CSS левого и правого теневого фона.
тело {
выравнивание текста: по центру;
фоновое повторение: повторение-y;
фоновая позиция: центр;
фоновое изображение: URL(../images/bg.jpg);
}
-------------------------------------------------- ----------------------------------
32. Перекрестите ссылку рукой мышью.
стиль = «курсор: рука»
-------------------------------------------------- ----------------------------------
33. Как отключить слои
<div id="Layer1"></div>
<a href="#" onClick="Layer1.style.display='none'">Закрыть слой</a>
-------------------------------------------------- ----------------------------------
34. Скрипт закрытия окна
<a href=javascript:close()>[Закрыть окно]</a>
-------------------------------------------------- ----------------------------------
35. Если текст слишком длинный, слишком длинная часть будет отображаться в виде эллипсов.
<DIV STYLE="ширина: 120 пикселей; высота: 50 пикселей; граница: 1 пиксель, сплошной синий; переполнение: скрыто; text-overflow: многоточие">
<NOBR>Например, есть строка текста, которая настолько длинная, что ее невозможно отобразить в таблице в одну строку.</NOBR>
</DIV>
-------------------------------------------------- ----------------------------------
36. Автоматическое развертывание после входа на домашнюю страницу.
<скрипт>
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
</script>
---------------------------------------------- ---- ----------------------------------
37. Тисненый текст
<div style="width:300px;padding:20px;overflow:hidden;word-wrap:break-word;word-break:break:all; font-size:12px; line-height:18px; background-color:# эээээ;»>
<шрифт отключен>
Как насчет этого, я помят? <br>
Разве ты не хочешь попробовать? <br>
<a href=" http://www.devdao.com/">www.devdao.com</a></font >
</div>
-------------------------------------------------- ----------------------------------
38. Окно запуска кода
<скрипт>
функцияПредварительный просмотр()
{var TestWin=open('');
TestWin.document.write(code.value);}
</скрипт>
<textarea id=code cols=60 rows=15></textarea>
<br>
<button onclick=Preview() >Выполнить</button>
-------------------------------------------------- -------------------------------
38. Ссылка на форму
<table width="100%" onclick="window.open('http://www.devdao.com/', '_blank')" style="CURSOR:hand">
<тр>
<td height="100" bgcolor="f4f4f4"> </td>
</tr>
</таблица>
-------------------------------------------------- ----------------------------------
39. Сделайте всплывающие окна всегда сверху
<body onblur="this.focus();">
-------------------------------------------------- ----------------------------------
40.Тень текста CSS
.shadowfont{FILTER: dropshadow(color=#666666, offx=1, offy=1, позитив=1); FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; COLOR: #ffffff;}
-------------------------------------------------- ----------------------------------
41. Вернитесь, закройте окно и вернитесь назад: javascript:history.back(1)
Закрыть: javascript:window.close();
-------------------------------------------------- ----------------------------------
42. Форма прозрачная
style="ФИЛЬТР: альфа(opacity=72)"
-------------------------------------------------- ----------------------------------
43. Как запретить другим людям помещать вашу веб-страницу в рамку
<script Language="javascript"><!--if (self!=top){top.location=self.location;} -->< /script>
-------------------------------------------------- ----------------------------------
44. Разница между Alt и Title
alt используется для подсказок к изображениям. Заголовок используется для предоставления текста ссылки или обычных текстовых подсказок.
<a href="#" Title="Дайте подсказку по тексту ссылки">Текст</a>
<p Title="Текстовая подсказка для ссылки">Текст</p>
<img src="Ссылка на картинку" alt="Советы по картинке">
------------------ -------------------------------------------------- ----------
45. Попробуйте использовать внешние вызовы для всех вызовов JavaScript.
<SCRIPT LANGUAGE="javascript" SRC="js/xxxxx.js"></SCRIPT>
-------------------------------------------------- ----------------------------------
46. Ссылка на
ответ.перенаправление"login.asp"
location.href="xx.asp"
onClick="window.location='login.asp'"
onClick="window.open('')"
--------------------------------------- ------ ----------------------------------------
47. Основная ссылка стили
a:link представляет стиль ссылки
a:active представляет стиль текущего активного соединения
a:hover представляет стиль, когда на него наводится указатель мыши
a:visited представляет стиль посещенной ссылки
"link-visited-hover-active", сокращенно "lvha", то есть "люблю"+"ненавижу"
-------------- -- ------------------------------------------------ -- ---------------
48. Установите стили с различными эффектами текстовых ссылок на одной странице.
<style type="text/css">
.зеленый {ЦВЕТ: #309633}
.green A:link {ЦВЕТ: #309633; ТЕКСТ-УКРАШЕНИЕ: нет}
.green A:посещен {ЦВЕТ: #309633; ТЕКСТ-УКРАШЕНИЕ: нет}
.green A:hover {ЦВЕТ: #309633 ТЕКСТ-УКРАШЕНИЕ: подчеркивание}
.green A:active {ЦВЕТ: #309633; ТЕКСТ-УКРАШЕНИЕ: нет}
</стиль>
<a href="#" class="green">Текст</a>
-------------------------------- -------------------------------------------------- ------
49. Выпадающее меню перехода.
<select name=select onchange="javascript:window.open(this.options[this.selectedIndex].value)"style="color:#333">
<option>----Пожалуйста, выберите----</option>
<option value=" http://www.devdao.com ">Сеть веб-мастеров</option>
<option value=" http://www.fontchina.cn/">Шрифт</option >
</выбрать>
-------------------------------------------------- ----------------------------------
50. Выберите решение для блокировки div. Добавьте следующий код в div и настройте его по мере необходимости.
<iframe src="javascript:false" прокрутка="no"frameborder="0" style="z-index:-1;position:absolute; top:5px; left:2px;width:168;height:100px;" >
</iframe>
---------------------------------------------- - ----------------------------------
51. Все ссылки на всей странице _blank. Откроется новое окно
<base target="_blank">.