技術職の男性が女の子への愛を表現するために使用する百度のホームページ_JavaScript スキル
ある日、私は突然思いつきました。学んだプログラマーのスキルを使って彼女に愛を表現できたら、それは高級で上品なものになるのではないか?
思い立ったらすぐに実行します。最初に思いつくのは、hosts ファイルを変更して、ブラウザのホームページを自分でデザインした Web ページに変更することです。
中国の女子学生は、Baidu のホームページをよく利用するので、私も Baidu のホームページをコピーしました。具体的な効果は次のとおりです。
高級そうじゃないですか? もちろん、私は結局失敗しました。プログラマーに彼女ができるはずがありません。
しかし、ディアオシの友人の大多数の利益のために、たとえ一人が成功したとしても、私は自分の功績と名声を隠すつもりです。
hosts ファイルを変更する手順については、Baidu を参照してください。ここでは詳しく説明しません。
私が書いた Baidu のソース コード:
<スタイル>
html,body{height:100%}html{overflow-y:auto}#wrapper{position:relative;_position:;min-height:100%}#content{padding-bottom:100px;text-align:center}# ftCon{高さ:100ピクセル;位置:絶対;下:44ピクセル;テキスト配置:センター;幅:100%;マージン:0
auto;z-index:0;overflow:hidden}#ftConw{width:720px;margin:0 auto}
本文{font:12px arial;text-align:left;background:#fff}
body,p,form,ul,li{マージン:0;パディング:0;リストスタイル:なし}
body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}
.bg{background-image:url(http://s1.bdstatic.com/r/www/cache/static/global/img/icons_aea40f46.png);background-repeat:no-repeat;_background-image:url( http://s1.bdstatic.com/r/www/cache/static/global/img/icons_cfa0bb3b.gif)}
.c-icon{表示:インラインブロック;幅:14px;高さ:14px;vertical-align:text-bottom;font-style:normal;overflow:hidden;background:url(http://s1.bdstatic.com /r/www/cache/static/global/img/icons_aea40f46.png)no-repeat 0 0;_background-image:url(http://s1.bdstatic.com/r/www/cache/static/global/img) /icons_cfa0bb3b.gif)}.c-icon-triangle-down-blue{背景位置:-480px
-24px}.c-icon-chevron-unfold2{背景の位置:-504px -24px}#u{color:#999;padding:4px
10px 5px 0;text-align:right}#u a{margin:0 5px}#u .reg{margin:0}#m{width:720px;margin:0
auto}#nv a,#nv b,.btn,#lk{font-size:14px}#fm{padding-left:130px;text-align:left;z-index:1}input{border:0;padding :0}#nv{高さ:19px;フォントサイズ:16px;マージン:0
0 4px;text-align:left;text-indent:137px}.s_ipt_wr{width:468px;height:30px;display:inline-block;margin-right:5px;background-position:0
-288px;border:1px Solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top}.s_ipt{幅:458px;高さ:22px;フォント:14px/22px
arial;margin:5px 0 0 7px;background:#fff;outline:0;-webkit-Appearance:none}.s_btn{width:95px;height:32px;padding-top:2px9;font-size:14px;background- color:#ddd;背景位置:0
-240px;カーソル:ポインタ}.s_btn_h{背景位置:-240px -240px}.s_btn_wr{幅:97px;高さ:34px;表示:インラインブロック;背景位置:-120px
-240px;*position:relative;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk{margin:33px
0}#lk spa{font:14px "宋体"}#lm{高さ:60px;line-height:15px}#lh{margin:16px
0 5px;word-spacing:3px}.tools{position:absolute;top:-4px;*top:10px;right:7px}#mHolder{width:62px;position:relative;z-index:296;display:none }#mCon{高さ:18px;行の高さ:18px;位置:絶対;カーソル:ポインタ}#mCon
スパン{カラー:#00c;カーソル:デフォルト;表示:ブロック}#mCon .hw{テキスト装飾:下線;カーソル:ポインタ;表示:インラインブロック}#mCon
.pinyin{display:inline-block}#mCon .c-icon-chevron-unfold2{margin-left:5px}#mMenu
a{幅:100%;高さ:100%;表示:ブロック;行の高さ:22px;テキストインデント:6px;テキスト装飾:なし;フィルター:なし9}#mMenu,#user
ul{box-shadow:1px 1px 2px #ccc;-moz-box-shadow:1px 1px 2px #ccc;-webkit-box-shadow:1px
1px 2px #ccc;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=2,Direction=135,Color="#cccccc")9}#mMenu{width:56px;border:1px
実線 #9b9b9b;リスト スタイル:なし;位置:絶対;右:27px;上:28px;表示:なし;背景:#fff}#mMenu
a:hover{background:#ebebeb}#mMenu .ln{height:1px;background:#ebebeb;overflow:hidden;font-size:1px;line-height:1px;margin-top:-1px}#cp,# CP
a{color:#666}#seth{display:none;background:url(#default#homepage)}#setf{display:none}#sekj{margin-left:14px}#shoji{margin-right:14px}#あなた
.last{margin-right:0}#u .un{font-weight:bold;margin-right:5px}#u ul{width:100%;background:#fff;border:1px
実線 #9b9b9b}#u li{高さ:25px}#u li a{幅:100%;高さ:25px;行の高さ:25px;表示:ブロック;テキストの配置:左;テキストの装飾:なし;テキスト-インデント:6px;マージン:0;フィルター:なし9}#u
li a:hover{background:#ebebeb}#u li.nl{border-top:1px Solid #ebebeb}#user_center{position:relative;display:inline-block}#user_center
.user_center_btn{margin-right:5px}.userMenu{width:64px;position:absolute;right:7px;_right:2px;top:15px;top:14px9;*top:15px;padding-top:4px;display:none ;*background:#fff}#user{position:relative;display:inline-block}
<スタイル>
/*
我的ロゴ样式
*/
#m{位置: 相対;パディング: 50px 0 0 0;}
#new YearEve{高さ:15px;位置:絶対;上:250px;左:130px;幅:510px;}
#new YearEve li{カーソル: ポインタ;幅:20px;高さ:15px;マージン:0 21px 0 0;float: left;}
#new YearEve .icon-newyear0{background: url("http://files.jb51.net/file_images/article/201407/mylove.png") リピートなし 中央 中央;}
#new YearEve .month-next{表示: なし!重要;}
#new YearEve .icon-newyear1{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") リピートなし 中央 中央;}
#new YearEve li:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove.gif") no-repeat -0 0; }
#m{位置: 相対;}
#play{位置: 絶対;上:135px;左:348px;幅:25px;高さ:25px;カーソル:ポインタ;}
#newyeareve .icon-newyear2,#newyeareve .icon-newyear1:hover{background: url("http://files.jb51.net/file_images/article/201407/mylove01.png") リピートなし 中央 中央;}
#newyearKw {color:#e203a9;position:absolute;top:212px;left:135px;width:300px;height:20px;color:#897883;z-index:100;font-family: "微软雅黑";text -align:left;font-weight: 700;font-size: 16px;overflow: hidden;}
#newyearKw i,#newyearKw img{font-style:normal;position:absolute;width:20px;height:20px;top:0;}
#newyearKw .img01{left:0px;}
#newyearKw .img02{左:180px;}
#newyearKw .c1{color:#e203a9;left:20px;}
#newyearKw .c2{color:#e203a9;left:40px;}
#newyearKw .c3{color:#b60175;left:60px;}
#newyearKw .c4{color:#b60175;left:80px;}
#newyearKw .c5{color:#f460af;left:100px;}
#newyearKw .c6{color:#f460af;left:120px;}
#newyearKw .c7{color:#fd98a5;left:140px;}
#newyearKw .c8{color:#fec8db;left:160px;}
#newyearKw .c9{color:#fec8db;left:180px;}
#newyearKw .c11{color:#fec8db;}
#newyearKw .c12{color:#fec8db;}
#newyearKw .c13{color:#fec8db;}
#newyearKw .c14{color:#fec8db;}
.word-box{位置:相対;幅:300px;高さ:20px;}

ホット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)

ホットトピック









JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

この記事では、ブラウザでJavaScriptのパフォーマンスを最適化するための戦略について説明し、実行時間の短縮、ページの負荷速度への影響を最小限に抑えることに焦点を当てています。

この記事では、ブラウザ開発者ツールを使用した効果的なJavaScriptデバッグについて説明し、ブレークポイントの設定、コンソールの使用、パフォーマンスの分析に焦点を当てています。

マトリックスの映画効果をあなたのページにもたらしましょう!これは、有名な映画「The Matrix」に基づいたクールなJQueryプラグインです。プラグインは、映画の古典的な緑色のキャラクター効果をシミュレートし、画像を選択するだけで、プラグインはそれを数値文字で満たされたマトリックススタイルの画像に変換します。来て、それを試してみてください、それはとても面白いです! それがどのように機能するか プラグインは画像をキャンバスにロードし、ピクセルと色の値を読み取ります。 data = ctx.getimagedata(x、y、settings.greasize、settings.greasize).data プラグインは、写真の長方形の領域を巧みに読み取り、jQueryを使用して各領域の平均色を計算します。次に、使用します

この記事では、jQueryライブラリを使用してシンプルな画像カルーセルを作成するように導きます。 jQuery上に構築されたBXSLiderライブラリを使用し、カルーセルをセットアップするために多くの構成オプションを提供します。 今日、絵のカルーセルはウェブサイトで必須の機能になっています - 1つの写真は千の言葉よりも優れています! 画像カルーセルを使用することを決定した後、次の質問はそれを作成する方法です。まず、高品質の高解像度の写真を収集する必要があります。 次に、HTMLとJavaScriptコードを使用して画像カルーセルを作成する必要があります。ウェブ上には、さまざまな方法でカルーセルを作成するのに役立つ多くのライブラリがあります。オープンソースBXSLiderライブラリを使用します。 BXSLiderライブラリはレスポンシブデザインをサポートしているため、このライブラリで構築されたカルーセルは任意のものに適合させることができます

データセットは、APIモデルとさまざまなビジネスプロセスの構築に非常に不可欠です。これが、CSVのインポートとエクスポートが頻繁に必要な機能である理由です。このチュートリアルでは、Angular内でCSVファイルをダウンロードおよびインポートする方法を学びます
