jQuery实现星星评价+ng实现日期

来源：互联网发布：html数据库添加div 编辑：程序博客网时间：2024/05/16 14:37

<!DOCTYPE html><html ng-app="myApp" xmlns="http://www.w3.org/1999/html"><head lang="en">    <meta charset="UTF-8">    <title></title>    <style>        ul,li{list-style: none;margin: 0;padding: 0;}        ul{margin: 100px auto;width: 200px;}        ul li{float: left;width: 20px;height: 20px;background: url("images/star.png");margin-right: 5px;}        .shiny{background-position:bottom;}    </style>    <script src="js/jquery-1.11.3.js"></script>    <script src="js/angular.js"></script></head><body ng-controller="myCtrl"><ul>    <li title="差评！"></li>    <li title="二星中评"></li>    <li title="三星中评"></li>    <li title="四星中评"></li>    <li title="五星好评！"></li></ul><span type="text" value="123" style="border: 0;outline: 0;"></span><br/><hr/><h1 style="text-align: center;">{{time | date:"日期yyyy-MM-dd ——时间HH:mm:ss"}}</h1><script >//    jquery实现星星评价效果    $('ul li').mouseover(function () {        $(this).addClass('shiny').prevAll().addClass('shiny').end().nextAll().removeClass('shiny').end().parent().next().text($(this).attr('title'));    });//    ng实现日期    var app = angular.module('myApp', ['ng']);    app.controller('myCtrl', function ($scope,$interval) {        $scope.time = new Date().getTime();        $interval(function () {            $scope.time = new Date().getTime();        },1000);    });</script></body></html>

阅读全文

0 0