diff --git a/MzjHomework/.project b/MzjHomework/.project new file mode 100644 index 0000000..ff68563 --- /dev/null +++ b/MzjHomework/.project @@ -0,0 +1,37 @@ + + + MzjHomework + Create By HBuilder + + + + + com.aptana.ide.core.unifiedBuilder + + + + + + com.aptana.projects.webnature + + + + 1505441881984 + + 10 + + org.eclipse.ui.ide.orFilterMatcher + + + org.eclipse.ui.ide.multiFilter + 1.0-projectRelativePath-matches-false-false-bin + + + org.eclipse.ui.ide.multiFilter + 1.0-projectRelativePath-matches-false-false-setting + + + + + + diff --git a/MzjHomework/css/mycss.css b/MzjHomework/css/mycss.css new file mode 100644 index 0000000..67a88ba --- /dev/null +++ b/MzjHomework/css/mycss.css @@ -0,0 +1,143 @@ +* { + margin: 0; + padding: 0; +} + +body { + width: 1270px; + height: 700px; + font-family:等线; +} + +#mat { + width: 30%; + height: 100%; + margin-left: 470px; + margin-right: 400px; + background-color: white; + border:1px solid black; +} + +#part1 { + background-image: url(../img/Cover.png); + background-size: 100%, 100%; + background-position: center; + background-repeat: no-repeat; + color: white; + width: 100%; + height: 50%; +} + +#part1div1 { + background-image: url(../img/BlueBG.png); + width: 100%; + height: 25%; + opacity: 0.9; +} + +#part2 { + background-color: white; + width: 100%; + height: 50%; +} + +#part2div1 { + background-color: darkgrey; + color: white; + width: 100%; + height: 10%; +} + +#part2div2 { + background-image: url(../img/WhiteBG.png); + width: 100%; + height: 30%; + background-repeat: no-repeat; +} + +#part2div3 { + background-color: white; + width: 100%; + height: 15%; +} + +#part2div4 { + background-image: url(../img/WhiteBG.png); + width: 100%; + height: 45%; + background-repeat: no-repeat; + background-size: 200%, 200%; +} + +#part2div4div1 { + background-image: url(../img/WhiteBG.png); + width: 100%; + height: 50%; + background-repeat: no-repeat; + background-size: 100%, 100%; +} + +#part2div4div2 { + background-image: url(../img/WhiteBG.png); + width: 100%; + height: 50%; + background-repeat: no-repeat; + background-size: 100%, 100%; +} + +#smallcircle { + border:solid rgb(255, 255, 255) 1px; + box-shadow: 0.5px 3px 15px #888888; + border-radius: 50px; + height: 40px; + width: 40px; + background: rgb(229, 229, 230); +} + +#bigcircle { + border:solid rgb(255, 255, 255) 1px; + box-shadow: 0.5px 3px 15px #888888; + border-radius: 50px; + height: 50px; + width: 50px; + background: rgb(229, 229, 230); +} + +#all-progress { + width : 250px; + border-radius : 2px; height : 4px; + background-color : grey; + overflow : visible; +} + +#current-progress { + width : 70%; + border-radius : 2px; + height : 4px; + background-color : deepskyblue; +} + +#progress-button { + width: 15px; + height: 15px; + display: block; + background-color: white; + box-shadow: 0.5px 3px 15px #888888; + border-radius: 50px; + position: relative; + margin-top:-4px; + float: right; +} + +#progress-button-inside { + width: 8.5px; + height: 8.5px; + display: block; + background-color: deepskyblue; + box-shadow: 0.5px 3px 15px #888888; + border-radius: 50px; + position: relative; + top:-3px; + margin-top:6px; + margin-left: 3.5px; +} \ No newline at end of file diff --git a/MzjHomework/img/BlueBG.png b/MzjHomework/img/BlueBG.png new file mode 100644 index 0000000..601a2e3 Binary files /dev/null and b/MzjHomework/img/BlueBG.png differ diff --git a/MzjHomework/img/Cover.png b/MzjHomework/img/Cover.png new file mode 100644 index 0000000..b1740f0 Binary files /dev/null and b/MzjHomework/img/Cover.png differ diff --git a/MzjHomework/img/Forward.png b/MzjHomework/img/Forward.png new file mode 100644 index 0000000..8de1e47 Binary files /dev/null and b/MzjHomework/img/Forward.png differ diff --git a/MzjHomework/img/Loop.png b/MzjHomework/img/Loop.png new file mode 100644 index 0000000..1aec3a1 Binary files /dev/null and b/MzjHomework/img/Loop.png differ diff --git a/MzjHomework/img/MenuIcon.png b/MzjHomework/img/MenuIcon.png new file mode 100644 index 0000000..e52b8e6 Binary files /dev/null and b/MzjHomework/img/MenuIcon.png differ diff --git a/MzjHomework/img/Play.png b/MzjHomework/img/Play.png new file mode 100644 index 0000000..e16da0e Binary files /dev/null and b/MzjHomework/img/Play.png differ diff --git a/MzjHomework/img/Rewind.png b/MzjHomework/img/Rewind.png new file mode 100644 index 0000000..4444356 Binary files /dev/null and b/MzjHomework/img/Rewind.png differ diff --git a/MzjHomework/img/Shuffle.png b/MzjHomework/img/Shuffle.png new file mode 100644 index 0000000..7fffecf Binary files /dev/null and b/MzjHomework/img/Shuffle.png differ diff --git a/MzjHomework/img/SmallCover.png b/MzjHomework/img/SmallCover.png new file mode 100644 index 0000000..d92fed9 Binary files /dev/null and b/MzjHomework/img/SmallCover.png differ diff --git a/MzjHomework/img/Status1.png b/MzjHomework/img/Status1.png new file mode 100644 index 0000000..e035a00 Binary files /dev/null and b/MzjHomework/img/Status1.png differ diff --git a/MzjHomework/img/Status2.png b/MzjHomework/img/Status2.png new file mode 100644 index 0000000..cf4bb3f Binary files /dev/null and b/MzjHomework/img/Status2.png differ diff --git a/MzjHomework/img/Status3.png b/MzjHomework/img/Status3.png new file mode 100644 index 0000000..da75ad7 Binary files /dev/null and b/MzjHomework/img/Status3.png differ diff --git a/MzjHomework/img/TracksIcon.png b/MzjHomework/img/TracksIcon.png new file mode 100644 index 0000000..a84b5ad Binary files /dev/null and b/MzjHomework/img/TracksIcon.png differ diff --git a/MzjHomework/img/Volume.png b/MzjHomework/img/Volume.png new file mode 100644 index 0000000..c74ebae Binary files /dev/null and b/MzjHomework/img/Volume.png differ diff --git a/MzjHomework/img/WhiteBG.png b/MzjHomework/img/WhiteBG.png new file mode 100644 index 0000000..5cbc678 Binary files /dev/null and b/MzjHomework/img/WhiteBG.png differ diff --git a/MzjHomework/index.html b/MzjHomework/index.html new file mode 100644 index 0000000..6b50dcd --- /dev/null +++ b/MzjHomework/index.html @@ -0,0 +1,153 @@ + + + + + + + +
+
+
+
+ +
+
+ ZZ9 +
+
+ +
+
+ 2:49 +
+
+ PM +
+ +
+ +
+
+ 80% +
+
+
+ +
+
+ + + + + + + + +
+
Track
+ 		+
Title
+
+
Text
+
+
+
+ +
+
+
+
+
+
+ Now Playing +
+
+ +
+
+ +
+
+ + + + + + + + + + +
+
+ Track Title +
+
+
+ Title +
+
+
+ 2013 - 60 Track (9:36:47) +
+
+
+
+ +
+
+ +
+
+ Track Title +
+
+ +
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+
+
+
+ 2:14 +
+ +
+
+ + + +
+
+ +
+ 4:03 +
+
+ + +
+
+ +
+ + + diff --git a/homework.html b/homework.html new file mode 100644 index 0000000..02234c0 --- /dev/null +++ b/homework.html @@ -0,0 +1,79 @@ + + + + + Examples + + + + + + + +
+
+
mzj
+
+ + + + + + diff --git a/test,txt b/test,txt new file mode 100644 index 0000000..34b3fc8 --- /dev/null +++ b/test,txt @@ -0,0 +1 @@ +hello zhouzheng!