Implementation of hover effects on mobile web pages and web page hover Effects
Js files
function mouseout(obj) { var className ="hover"; var _ecname = obj.className; if (_ecname.length == 0) return; if (_ecname == className) { obj.className ="";return; } if (_ecname.match(new RegExp("(^|\s)"+ className +"(\s|$)"))) obj.className = _ecname.replace((new RegExp("(^|\s)"+ className +"(\s|$)")),""); } function hover(obj) { if (!obj) return; var className ="hover" var _ecname = obj.className; if (_ecname.length == 0) { obj.className = className;return; } if (_ecname == className || _ecname.match(new RegExp("(^|\s)"+ className +"(\s|$)"))) return; obj.className = _ecname +""+ className; }
Reference
<Script> $ (function () {$ (". wrapper. record. r-main. r-more "). attr ('ontouchstart', 'hover (this) '); // hover effect $ (". wrapper. record. r-main. r-more "). attr ('ontouchend', 'mouseout (this) '); // second except hover}) </script>