• 15 апреля стартует «Курс «SQL-injection Master» ©» от команды The Codeby

    За 3 месяца вы пройдете путь от начальных навыков работы с SQL-запросами к базам данных до продвинутых техник. Научитесь находить уязвимости связанные с базами данных, и внедрять произвольный SQL-код в уязвимые приложения.

    На последнюю неделю приходится экзамен, где нужно будет показать свои навыки, взломав ряд уязвимых учебных сайтов, и добыть флаги. Успешно сдавшие экзамен получат сертификат.

    Запись на курс до 25 апреля. Получить промодоступ ...

Занятный эффект - "затухающие" ссылки

  • Автор темы 7enX
  • Дата начала
Статус
Закрыто для дальнейших ответов.
7

7enX

Видел один сайт в инете, на нём сделано так что при наведении мышки на надпись она начинает плавно загоратся, а когда мышку убираешь, она так же плавно затухает.
Я смотрел сорсу сайта но в чём там собака зарыта так и не понял, может вы подскажете как это работает?
 
G

Guest_

Попробуй вот это......

<html>
<head>
<title>ССЫЛКА ПЕРЕЛИВАЕТСЯ ::</title>
<style type="text/css">
.link { color: blue; font-family: arial;font-size: 12pt; left: 100px; position: absolute; text-decoration: none}
a:link {text-decoration: none;}
a:active {text-decoration: none;}
a:visited{text-decoration: none;}
</style>
<script language="JavaScript">
var i_strength=0
var max_strength=6
var shadowcolor="red"
var timer
var speed=50
var thisobj
function stopfilter(thisdiv){
if (document.all) {
clearTimeout(timer)
thisobj=thisdiv
thisobj.style.filter=" "
}
}
function startfilter(thisdiv){
if (document.all) {
clearTimeout(timer)
thisobj=thisdiv
morefilter()
}
}
function morefilter(){
if (i_strength <=max_strength) {
thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
i_strength++
timer = setTimeout("morefilter()",speed)
}
else {
clearTimeout(timer)
lessfilter()
}
}
function lessfilter(){
if (i_strength >=0) {
thisobj.style.filter="glow(color="+shadowcolor+", strength="+i_strength+")"
i_strength--
timer = setTimeout("lessfilter()",speed)
}
else {
clearTimeout(timer)
morefilter()
}
}
</script>
</head>
<body>
<div class="link" id="contact" onmouseout="stopfilter(this)" onmouseover="startfilter(this)" style="TOP: 50px">
<a href="#" style="color: green">ССЫЛКА ПЕРЕЛИВАЕТСЯ</a></div>
</body>
</html>

Но учти,что в Mozill'e и Oper'e не работает.Можно "поиграть " с настройкой цветов и фильтров на своё усмотрение.....
Удачи! :D
 
Статус
Закрыто для дальнейших ответов.
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!