Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]<img scr, atrybut title>, zmiana koloru obramowania, tła
ciapus4
post
Post #1





Grupa: Zarejestrowani
Postów: 140
Pomógł: 0
Dołączył: 25.08.2012

Ostrzeżenie: (0%)
-----


Witam, czy jest możliwość zmiany tła, oraz koloru obrysu ramki po najechaniu na dany obrazek, jak tu ?

przykład
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Talidali
post
Post #2





Grupa: Zarejestrowani
Postów: 79
Pomógł: 19
Dołączył: 31.05.2013

Ostrzeżenie: (0%)
-----


Baw się.

Kod
<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>jQuery UI Tooltip - Default functionality</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <link rel="stylesheet" href="/resources/demos/style.css" />
  <script>
  $(function() {
    $( document ).tooltip();
  });
  </script>
  <style>
  label {
    display: inline-block;
    width: 5em;
  }
  </style>
</head>
<body>

<p><a href="#" title="That's what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.</p>
<p>But as it's not a native tooltip, it can be styled. Any themes built with
<a href="http://themeroller.com" title="ThemeRoller: jQuery UI's theme builder application">ThemeRoller</a>
will also style tooltips accordingly.</p>
<p>Tooltips are also useful for form elements, to show some additional information in the context of each field.</p>
<p><label for="age">Your age:</label><input id="age" title="We ask for your age only for statistical purposes." /></p>
<p>Hover the field to see the tooltip.</p>


</body>
</html>
Go to the top of the page
+Quote Post

Posty w temacie
- ciapus4   [HTML][CSS]<img scr, atrybut title>   2.06.2013, 11:39:26
- - Posio   css: hover background-color + border   2.06.2013, 11:58:27
- - ciapus4   A, mogę prosić przykład kodu ?   2.06.2013, 12:04:43
- - Michael2318   [HTML] pobierz, plaintext <style>.klasa{widt...   2.06.2013, 12:09:32
- - ciapus4   przykład raczej, chodzi mi o to, jak kursor wędru...   2.06.2013, 12:20:10
- - pedro84   To już Javascript i zdarzenie onmouseover.   2.06.2013, 12:35:43
- - ciapus4   Chodzi mi o coś takiego.   2.06.2013, 12:40:27
- - Talidali   http://jqueryui.com/tooltip/   2.06.2013, 12:46:06
- - ciapus4   A, prościej ?   2.06.2013, 13:07:33
|- - pedro84   Cytat(ciapus4 @ 2.06.2013, 14:07:33 )...   2.06.2013, 13:29:57
- - Posio   angielskiego ? ^^   2.06.2013, 14:25:42
- - Talidali   Baw się. Kod<!doctype html> <ht...   2.06.2013, 14:30:12
- - ciapus4   Nie, no zkumałem tylko jak przerobić kod dla obraz...   2.06.2013, 20:05:05
- - com   http://www.jqueryscript.net/css3-html5/Pur...S3-To...   2.06.2013, 22:34:09
- - ciapus4   Dzięki, a gdzie się w kodzie strony wkleja taki ko...   3.06.2013, 19:47:27
- - pedro84   Pomiędzy znacznikami <script></script...   3.06.2013, 20:08:09
- - ciapus4   A, dlaczego taki kod nie działa kod tu a, chodzi...   3.06.2013, 21:02:45
- - lobopol   Bo nie masz tam dodanego skryptu, bez którego var ...   3.06.2013, 21:12:52
- - ciapus4   No, przecież na dole jest JS code, a jak nie to ja...   3.06.2013, 21:22:05
- - lobopol   No chłopie, to są absolutne podstawy pomyśl trochę...   3.06.2013, 21:42:34
- - ciapus4   Witam, gdzie powinienem wkleić taki kod na strone?...   4.06.2013, 13:32:05
- - com   Wystarczyło podejrzeć jak jest w źródle strony z d...   5.06.2013, 00:37:30


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 12.10.2025 - 15:18