2016-09-12から1日間の記事一覧

jquery5

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <style> table{ margin: 15px auto 10px auto; } th{ padding:5px; background:#266; border:1px solid #777; color: #fff; } td{ border:solid 1px #777; background:#eee; padding:5px; } table tr.odd td { background: #ccc; } </style> </meta></head></html>

jquery4

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <style> /* 内容 */ .tooltip-content { position: relative; left: -3px; top: -3px; background-color: #ffffe1; border: 1px black solid; padding: 3px; } /* 影 */ .tooltip-shadow { position: absolute; /*background-image:…</meta></head></html>

jquery3

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <style> /* 表示文字の装飾 */ div.tooltip1{ color: #555; display: inline-block; /* インライン要素化 */ border-bottom:dashed 1px #555; /* 下線を引く */ } /* ツールチップ部分を隠す */ div.tooltip1 span { display: none; } /* マウスオ</meta></head></html>…

jquery2

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <style> p{font-size:12px; line-height:16px;} a{color:red ;} #tip_body { /*ツールチップのデザイン*/ display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #333; color:#fff; border: 1…</meta></head></html>

jquery1

<html lang="ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <style> table{ margin: 15px auto 10px auto; } th{ padding:5px; background:#266; border:1px solid #777; color: #fff; } td{ border:solid 1px #777; background:#eee; padding:5px; } table tr.odd td { background: #ccc;…</meta></head></html>