このページには顧客に思い出させる必要がある重要なコンテンツがあり、それを行う方法は数多くあります。特定の領域 (div) に注意を払うようにユーザーに思い出させるには、境界線の点滅効果を div に追加してユーザーの注意を引くことができます。 .box {border:1px solid #ccc; height:100px; width:600px; text-align:center; line-height:100px; background-color:#f7f7f7} .highLight {background-color:#ffffcc; border:1px solid #f30} ボックス I ボックス II [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、更新して実行する必要があります ]コードにはいくつかのコードが含まれています。一般的に使用される関数 (コメントで区切られている) は、prototype.js のメソッドで置き換えることができます。次の関数も少し変更することで実行できます。 <!-- /*常用函数库---开始---*/ function $(objString){ return document.getElementById(objString); } function addClass(elem,classString){ if(typeof(elem)=="string") var obj = document.getElementById(elem); else if(typeof(elem)=="object") var obj = elem; obj.className = obj.className + " "+classString; } function removeClass(elem,classString){ if(typeof(elem)=="string") var obj = document.getElementById(elem); else if(typeof(elem)=="object") var obj = elem; var classNameArray = obj.className.split(" "); for (i=0; j=classNameArray[i] ; i++){ if(j==classString){ classNameArray.splice(i,1); i--; } } obj.className = classNameArray.join(" "); } function hasClass(elem,classString){ if (typeof(elem)=="string"){ var obj = document.getElementById(elem); }else if(typeof(elem)=="object"){ var obj = elem; } if (obj.className.indexOf(" ")!=-1){ var cls = obj.className.replace(/ /g,"|"); cls = "|"+cls+"|"; if (cls.indexOf("|"+classString+"|")!=-1){ return true; }else{return false} }else{ if (obj.className == classString){ return true; }else{ return false; } } } /*常用函数库---结束---*/ function highLight(obj){ if (obj.highlightHandel!=null) return; obj.highlightHandel = setInterval(function(){twinkle(obj)},250); } function twinkle(objBox){ hasClass(objBox,"highLight")?removeClass(objBox,"highLight"):addClass(objBox,"highLight"); } function stopTwinkle(obj){ clearInterval(obj.highlightHandel); removeClass(obj,"highLight"); obj.removeAttribute("highlightHandel"); } //-->