图片的缩略图显示

  • 先展示效果:
    图片的缩略图显示_第1张图片
  • 功能说明:
    当我鼠标移动到图片上时,自动显示出扩大的图片样式。
  • 分析:
    用的easyui插件,所以在easyui扩展上找相应的文档。
    需要用到的插件:
    核心插件:jeasyui.extensions.base.tooltip.js
  • 代码准备:
    在jsp页面上:
    增加一个重要的事件:
    图片的缩略图显示_第2张图片
    写上事件方法相应的js代码:
//缩略图成功后进行加载
function loadSuccess(data) {
    //拿到鼠标移动行的数据
    var rows = data.rows;
    // console.debug(rows);
    //遍历数据
    for(var i=0;i
" }); } }

你可能感兴趣的:(前端展示)