graffiti on the web レスポンシブ対応でとても重宝しているowlカルーセルですが、safariでは、スライド時に、フォントが細くなったり、太くなったりして、点滅するような現象が起こっていました。
iOSのchromeでも同じ現象が起こるらしいのですが、未確認。
…
jQueryを使って、指定されたタグに枠線をつけます。
cssでも同じ事は出来ますが、今回は、javascriptで後から、cssの設定を追加しているという感じです。
サンプル
borderでクラス指定されたpタグに枠線がつきます。
設置コード
まずは、htmlソースのhead内でjqueryを読み込みます。<script type='text/javascript' src='jquery-1.6.1.min.js'></script>今回の動作を設定している以下のソースをhtmlソース内に適当に配置します。
<script type="text/javascript">
jQuery(function(){
jQuery("p.border").css("border","1px solid #000");
});
</script>
枠線で囲みたい文字に以下のようなクラスを設定します。<p class="border">borderでクラス指定されたpタグに枠線がつきます。</p>
この投稿へのコメント
コメントはまだありません。