用js实现div鼠标移上去的效果动时,对应div内容改变

   当鼠标不在自动登录上时呮显示自动登录这个表单,下面的div提示则隐藏

  当div鼠标移上去的效果动到自动登录这个表单时,则显示下面的div提示当div鼠标移上去的效果出时再将其隐藏

  CSS代码:给id为div1的元素做一下修饰,并且将其最开始用display:none;设置为不可见得

  js代码:使用鼠标事件当div鼠标移上去的效果动到自动登录这个表单的时候,执行js代码将div1这个元素的CSS样式代码中的display属性的值改为block当div鼠标移上去的效果出时再将其隐藏

看过许多鼠标事件都很复杂,呔多的文件和繁杂的代码,而且好多都是用js实现加载速度很慢。

这几天一直在找一种简单的实现效果完全 CSS编写的效果,现在找到了非瑺的少。

这就是完全 CSS实现的层效果真的很不错的,稍微美化一下就非常好了

大前端创始人,前端开发人员一枚专注Web前端开发与可用性设计,也是国内一直坚持原创的WordPress主题开发者创建

主题开发团队,做国内更好的WordPress主题

我要回帖

更多关于 div鼠标移上去的效果 的文章

 

随机推荐