Пример #1
0
function plug_clock($p, $o)
{
    clock_head();
    $ret = balise('div', array('id' => 'clock'), '');
    //landmarkSub
    for ($i = 0; $i < 60; $i++) {
        $landmarkSub = balise('div', array('id' => 'landmarkSub'), '');
        $ret .= balise('div', array('id' => 'landmarkFrame', 'style' => 'transform: rotate(' . $i * 6 . 'deg);'), $landmarkSub);
    }
    //landmark
    for ($i = 0; $i < 12; $i++) {
        $landmark = balise('div', array('id' => 'landmark'), '');
        $ret .= balise('div', array('id' => 'landmarkFrame', 'style' => 'transform: rotate(' . $i * 30 . 'deg);'), $landmark);
        $hour = balise('div', array('id' => 'landmarkText', 'style' => 'transform: rotate(-' . $i * 30 . 'deg);'), $i ? $i : 12);
        $ret .= balise('div', array('id' => 'landmarkTextFrame', 'style' => 'transform: rotate(' . $i * 30 . 'deg) translate(0px, 0px);'), $hour);
    }
    $needleMin = balise('div', array('id' => 'needleHour'), ' ');
    $ret .= balise('div', array('id' => 'needleHourFrame'), $needleMin);
    $needleMin = balise('div', array('id' => 'needleMin'), ' ');
    $ret .= balise('div', array('id' => 'needleMinFrame'), $needleMin);
    $needleSec = balise('div', array('id' => 'needleSec'), ' ');
    $ret .= balise('div', array('id' => 'needleSecFrame'), $needleSec);
    $ret .= balise('div', array('id' => 'clockCenter'), '');
    $ret .= balise('div', array('id' => 'digit'), '');
    $ret .= js_code('clock();');
    $ret = balise('div', array('id' => 'clockFrame'), $ret);
    return $ret;
}
Пример #2
0
    <html>
    <head>
        <link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Titillium+Web:700,400' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" type="text/css" href="css/main.css">
        <link rel="stylesheet" type="text/css" href="css/nav.css">
        <link rel="shortcut icon" href="img/icon.ico" />
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script src="js/menu_script.js"></script>
        <script type="text/javascript" src="js/jQuery.js"></script>
        <title>
            News
        </title>
        <?php 
clock_head();
?>
    </head>
    <body onload="startTime()">

    <?php 
menu();
?>

    <?php 
content_news();
?>

    <?php 
footer();
?>