Xiaoqiang の HTML5 モバイル開発ロード (48) - (小さな演習) ニュース購読システム [1]
1. 全体設計
2. データベース設計
3. システムカバー開発
上記のコードファイルには2つのjsが導入されています
rttopHtml5.base.js
--新闻类别表 create table news_cate( news_cateid int primary key auto_increment, news_iconurl varchar(50), news_catname varchar(5), news_catedesc varchar(500)); --新闻数据表 create table news_data( news_id int primary key auto_increment, news_title varchar(50), news_content varchar(500), news_source varchar(50), news_cateid int, news_adddate datetime );
基本的なプロパティ設定
rttopHtml5.new.js
<!DOCTYPE html> <html> <head> <title>练习</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" /> <link href="css/jquery.mobile-1.0.1.min.css" rel="stylesheet" type="text/css"/> <link href="css/rttopHtml5.css" rel="stylesheet" type="text/css"/> <script src="js/jquery-1.6.4.js" type="text/javascript" ></script> <script src="js/jquery.mobile-1.0.1.js" type="text/javascript" ></script> </head> <body> <p data-role="page" id="load_index" data-theme="c"> <p data-role="header" data-position="fixed"> <h4>阳光小强</h4> </p> <p class="border_p01"></p> <p class="load"> <p class="t">心是一个人的翅膀,心有多大世界就有多大,每个人都有一颗不平凡的心——相信自己</p> <p><img src="images/rttop_loading.gif" alt="" /></p> <p class="l">正在加载数据...</p> </p> <p data-role="footer" data-position="fixed" > <h1>©2014 blog.csdn.net/dawanganban studio</h1> </p> </p> <script src="js/rttopHtml5.base.js" type="text/javascript"></script> <script src="js/rttopHtml5.news.js" type="text/javascript" ></script> </body> </html> </html>
changepage()関数を作成し、設定しますウィンドウ オブジェクト location.hrefパスを指定して、このページの pagecreate イベントをバインドし、changepage() メソッドを 3 秒ごとに実行します。
index.htm
var rttophtml5mobi = { author: 'tgrong', version: '1.0', website: 'http://localhost' } rttophtml5mobi.utils = { setParam: function(name, value) { localStorage.setItem(name, value) }, getParam: function(name) { return localStorage.getItem(name) } }

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
