Results 1 to 8 of 8
Thread: css jquery
Hybrid View
-
24th May 2012 18:59 #1
css jquery
, worpess. , .
css, , div css.
jquery css, , , .
:
E :HTML Code:<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/reset/reset.css"> <style> a { color: red; } li { border: 1px solid red; list-style: none; width: 300px; margin: 20px; padding: 5px; } li:hover{ background: #e1e1e1; color: green; } </style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <ul class="popular"> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> </ul> <script> $("li").mouseover(function () { $("a").css("color","green"); }); $("li").mouseout(function () { $("a").css("color","red"); }); </script> </body> </html>
http://cssproblem.hit.bg/
, , jquery .
Last edited by Miroslav21; 24th May 2012 at 20:20.
-
24th May 2012 21:58 #2
Join Date: Apr:2006
Location:
Posts: 8,666
css yahoo ( #4)
.
-
24th May 2012 22:12 #3
-
24th May 2012 22:14 #4
Join Date: Apr:2006
Location:
Posts: 8,666
.HTML Code:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta charset="UTF-8" /> <meta name="description" content="CSS Porn" /> <head> <style type="text/css"> body { background: #000000; color: #ffffff; min-width: 960px; /*margin-left: 0px;*/ } a { color: red; } ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; } li { border: 1px solid red; width: 300px; margin-left: 0px; margin-bottom: 20px; padding: 5px; list-style-type: none; } li:hover { background: #e1e1e1; color: green; } </style> </head> <body> <ul> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> </ul> </body> </html>
<div> tag :
HTML Code:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta charset="UTF-8" /> <meta name="description" content="CSS Porn" /> <head> <style type="text/css"> body { background: #000000; color: #ffffff; min-width: 960px; /*margin-left: 0px;*/ } a { color: red; } ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; } li { border: 1px solid red; width: 300px; margin-left: 0px; margin-bottom: 20px; padding: 5px; list-style-type: none; } li:hover { background: #e1e1e1; color: green; } #linktest a { border: 1px solid red; width: 300px; margin-left: 0px; margin-bottom: 1px; padding: 5px; display: block; text-align: center; text-decoration: none; } #linktest a:hover { border: 1px solid green; color: #00ff00; background: darkgray; } </style> </head> <body> <ul> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> <li><a href="#">Link 1</a><p>Link tekst</p></li> </ul> <div id="linktest"> <a href="#">Link 1</a> <a href="#">Link 1</a> <a href="#">Link 1</a> <a href="#">Link 1</a> <a href="#">Link 1</a> </div> </body> </html>
Last edited by smelkomar; 24th May 2012 at 22:30.
-
24th May 2012 23:20 #5
smelkomar, , :
:HTML Code:<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta charset="UTF-8" /> <meta name="description" content="CSS Porn" /> <head> <style type="text/css"> body { background: #000000; color: #ffffff; min-width: 960px; /*margin-left: 0px;*/ } a { color: red; } ul { margin: 0px; padding: 0px; list-style-type: none; list-style-position: outside; } li { border: 1px solid red; width: 310px; list-style-type: none; } li:hover { background: #e1e1e1; color: green; } #linktest a { border: 1px solid red; width: 300px; margin-left: 0px; margin-bottom: 1px; padding: 5px; display: block; text-align: center; text-decoration: none; } #linktest a:hover { border: 1px solid green; color: #00ff00; background: darkgray; } </style> </head> <body> <div id="linktest"> <ul> <li><a href="#">Link 1<p>Link tekst</p></a></li> <li><a href="#">Link 1<p>Link tekst</p></a></li> <li><a href="#">Link 1<p>Link tekst</p></a></li> <li><a href="#">Link 1<p>Link tekst</p></a></li> <li><a href="#">Link 1<p>Link tekst</p></a></li> </ul> </div> </body> </html>
javascript, worpress ,HTML Code:<ul> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> <li><a href="#">Link 1</a> <p>Link tekst</p> </li> </ul>
.
-
24th May 2012 23:35 #6
Join Date: Apr:2006
Location:
Posts: 8,666
<p>Link tekst</p> ?
- document.getElementByid('a').innerHTML = 'blablabla', a , - <p id="a">.
.




Reply With Quote
Lenovo ThinkPad 15 IdeaPad 15
5th May 2023, 22:16 in