В этой статье описывается метод JS+CSS для имитации функции поиска веб -символов браузера. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<Title> JS+CSS имитировал функцию поиска веб -символов </title>
<стиль типа = текст/css>
ТЕЛО {
Размер шрифта: 12px; СКАЖИ САМЕТ: 1pt; Высота линии: 22px; Полевая левая: 5pt; Маржинальная версия: 5pt
}
#scontentmain {
Высота: 30px; Позиция: абсолютно; Верх: 28px; Ширина: 228px
}
#scontentbar {
Пограничный подвод: черный 1px сплошной; Слево с границы: черный 1px твердый; Граница правая: черный 1px твердый; Пограничная топ: черный 1px сплошной; Курсор: рука; Высота: 15px; Надоеволос: 1px; Лебь накладки: 1px; Право накладки: 1PX; Надоеволок: 1PX; Позиция: абсолютно; Верх: 5px; Ширина: 100%
}
#scontentsub {
Позиция: абсолютно; Верх: 28px; Ширина: 100%
}
A.A1: Hover {
Пограничный подклад: #4A8FF2 1PX Твердый; РЕШЕНЬ-ЛЕРФ: #4A8FF2 1PX SOLID; Граница правая: #4A8FF2 1PX SOLID; Пограничная топ: #4A8FF2 1PX SOLID; Линия-высота: 13pt; Ширина: 83px; 12px;: 1869fe; Выравнивание: Центр
}
A.A1: ссылка {
Цвет: #ffffff; Текстовое декорация: нет; 12px; выравнивание: центр
}
Td {
Размер шрифта: 12px
}
.pos {
Позиция: родственник
}
</style>
</head>
<тело>
<br> Китай <br> Jinzhou <br> Прощай с мировой войной <br> luo <br> Huang Loss <br> jianghuai <br> bmw <br> преувеличение <br> Америка <br> ajax <br> asp <br> java <br> jquery
<Сценарий языка = javascript>
var DragApproved = false
var zcor, xcor, ycor
function grag_onclick () {
if (search1.drag.checked == true) dragAppured = false
else DragApproved = True
}
функция movescontmain () {
if (event.button == 1 && dragapproved && search1.drag.checked == true) {
zcor.style.pixelleft = tempvar1+event.clientx-xcor
zcor.style.pixeltop = tempvar2+event.clienty-ycor
LEATEPOS = DOCOCT.ALL.SCONTENTMAIN.STYLE.PIXELLEFT-DOCUMENT.BODY.SCROLLLEFT
toppos = document.all.scontentmain.style.pixeltop-document.body.scrolltop
вернуть ложь
}
}
function DragScontentMain () {
if (! document.all)
Возвращаться
if (event.srcelement.id == "scontentbar") {
DragApproved = True
zcor = scontentmain
tempvar1 = zcor.style.pixelleft
tempvar2 = zcor.style.pixeltop
xcor = event.clientx
ycor = event.clienty
document.onmouseMove = movescontentmain
}
}
Document.onmouseDown = DragScontentMain
document.onmouseup = новая функция ("DragAppuded = false")
Функция aa (e)
{
if (e == 0) alert ("/n- = Page Поисковая система 1.0 =/n/n/n- Перепишите какой-то код/n- исправить ошибку в прыжке с перетаскиванием мыши,/n- продолжайте выбирать, перетаскивать ли ...");
возвращаться;
}
Функция cose ()
{
Если (подтвердить («Это окно скоро будет закрыто. Если вы подтвердите, нажмите OK! /N /N, если вы хотите открыть это окно, пожалуйста, обновите страницу.»)
scontentmain.style.display = 'нет'
еще
scontentmain.style.display = ''
}
document.write ('<div id = "scontentmain"> <form name = "search1" onsubmit = "return findinpage (this.word.value);"> <div id = "scontentbar"> Нажмите на флажок ниже, удерживайте и перетащите </div> <div id = "scontentsub" style = "Visiby: Show"> <Tablepadpading = "2" "2". bordercolorlight = "#000000" bordercolordark = "#fffff" bgcolor = "#0099cc" class = font1> <tr bgcolor = "#2d96ff"> <td colspan = "2" align = "center"> <input = "text" name = "size =" 30 "onchange =" n = 0; onfocus = window.document.search1.word.value = "" style = "founal-image: url ()"> </td> </tr> <tr bgcolor = "#ccccc"> <td> <input type = "fackbox" name = "gance" value = "language = javascript onclick =" return gragslic href = "#top"> </a> </td> <td align = "center"> <input type = "spect" name = "vade =" search "> </td> </tr> </form> </table> </div> </div> ');
var w = document.body.clientwidth-450
var H = 190
w+= document.body.scrollleft
h+= document.body.scrolltop
var Leatspos = w
var toppos = h
scontentmain.style.left = w
scontentmain.style.top = h
function ondisplay () {
if (scontentsub.style.display == '')
scontentsub.style.display = 'Нет'
еще
scontentsub.style.display == ''
}
function offdisplay () {
if (scontentsub.style.display == 'none')
scontentsub.style.display = ''
еще
scontentsub.style.display == 'нет'
}
функция staticize () {
w2 = document.body.scrollleft+Leathpos
h2 = document.body.scrolltop+toppos
scontentmain.style.left = w2
scontentmain.style.top = h2
}
window.onscroll = staticize
функция getWord ()
{
var tr
}
Функция findword (w)
{
для (var i = 0; i <wordlist.options.length; i ++)
if (wordlist.options [i] .text == w)
{
WordList.Options [i]. Selected = true
Output.value = wordExpln [i]
Result.style.visibuby = "visible"
вернуть правду
}
вернуть ложь
}
var candrag = 0, cangetword = 0
var oldtop = 0, oldscrolltop = 0
var wordexpln = new Array ()
var g_xmlhttp
document.onmouseMove = getWord
var ns4 = (document.layers);
var ie4 = (document.all);
var win = это;
var n = 0;
функция findpage (str)
{
var txt, i, найдено;
if (str == "")
вернуть ложь;
if (ns4)
{
if (! win.find (str))
while (win.find (str, false, true))
n ++;
еще
n ++;
if (n == 0) оповещение (str + "... текст, который вы ищете, не существует. /N /N, пожалуйста, попробуйте ввести ключевые слова на странице и снова посмотреть!
}
if (ie4)
{
txt = win.document.body.createtextrange ();
for (i = 0; i <= n && (sud = txt.findtext (str))! = false; i ++)
{
txt.movestart ("персонаж", 1);
txt.moveend ("textedit");
}
if (найдено)
{
txt.movestart ("персонаж", -1);
txt.findtext (str);
txt.select ();
txt.scrollintoview ();
n ++; }
еще
{
if (n> 0)
{
n = 0;
findInPage (str);
}
еще
Alert (str + "... текст, который вы ищете, не существует. /N /n, пожалуйста, попробуйте ввести ключевые слова на странице и снова посмотреть!
}
}
вернуть ложь;
}
self.onerror = null;
currentx = custry = 0;
ahit = null;
FANDSCROLLX = 0; FANDSCROLLY = 0;
Ns = (document.layers)? 1: 0;
Т.е. = (document.all)? 1: 0;
</Script>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.