root/lang/javascript/jsonslide/sample.html @ 18870

Revision 9677, 2.7 kB (checked in by drry, 6 years ago)

lang/javascript/jsonslide/sample.html
lang/javascript/jsonslide/slide.js:

  • 正規表現を修正しました。
  • ほか。
  • Property svn:mime-type set to text/html; charset=utf-8
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
5<head>
6  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
7  <title>JsonSlide sample</title>
8  <script type="text/javascript">
9    var slide=[
10    ["title hoge","Kadoya Takuo/kadoya.com"],
11    ["リスト表示","ノーマル normal",["hoho","fufu"]],
12    ["リスト表示","まる circle",{"c":["hoho","fufu"]}],
13    ["リスト表示","しかく square","四角",{"s":["hoho","fufu"]}],
14    ["リスト表示","数字 decimal",{"d":["hoho","fufu"]}],
15    ["リスト表示","小文字アルファベット lower-alpha",{"a":["hoho","fufu"]}],
16    ["リスト表示","大文字アルファベット upper-alpha",{"A":["hoho","fufu"]}],
17    ["リスト表示","小文字ローマ数字 lower-roman",{"r":["hoho","fufu"]}],
18    ["リスト表示","大文字ローマ数字 upper-alpha",{"R":["hoho","fufu"]}],
19    ["リスト表示","なし none",{"n":["hoho","fufu"]}],
20    ["リスト表示","画像 image",{"http://s.hatena.ne.jp/images/star.gif":["hoho","fufu","star"]}],
21    ["画像表示","ねぎ negi","negi.jpg"]
22    ];
23  </script>
24  <style type="text/css">
25    html{
26    height: 100%;
27    }
28    body{
29    margin: 0;
30    padding: 0;
31    height: 100%;
32    background-color: #555;
33    color: white;
34    }
35    #container{
36    height: 100%;
37    width: 800px;
38    background-color: black;
39    /*background-image: url('back.jpg');*/
40    margin: 0 auto;
41    padding: 0;
42    }
43    .title{
44    font-size: 80px;
45    margin: 0;
46    }
47    .index .title, .selected .title{
48    font-size: 20px;
49    }
50    #slide{
51    font-size: 50px;
52    margin: 0 30px 0;
53    }
54
55    #slide div{
56    margin: 0 20px 0;
57    }
58
59    .index, .selected{
60    float: left;
61    }
62    .index{
63    margin: 15px 10px;
64    border: 1px solid white;
65    }
66    .index div, .selected div{
67    font-size: 15px;
68    margin: 0 5px;
69    }
70    #slide img{
71    width: 500px;
72    height: 400px;
73    }
74    .index img, .selected img{
75    width: 125px;
76    height: 100px;
77    }
78    #slide ul{
79    margin: 10px 50px 0;
80    }
81    .index ul, .selected ul{
82    margin: 2px 10px 0;
83    }
84    .selected{
85    margin: 13px 8px;
86    border: 3px solid #FFC0CB;
87    }
88    .help{
89    position: absolute;
90    background-color: #f5f5dc;
91    color: #696969;
92    width: 80%;
93    height: 500px;
94    top: 50px;
95    left: 10%;
96    font-family: sans-serif;
97    font-size: 400%;
98    font-weight: bold;
99    padding: 20px;
100    z-index: 10;
101    -webkit-border-radius: 10px;
102    -moz-border-radius: 10px;
103    }
104    .help dl{
105    font-size: 50%;
106    }
107
108  </style>
109  <script type="text/javascript" src="slide.js"></script>
110</head>
111
112<body></body>
113</html>
Note: See TracBrowser for help on using the browser.