好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Html标签之frameset&图片切换_html/css_WEB-ITnose

今天为大家分享一下刚刚总结好的html经验,以备不时之需。

  首先介绍一下frameset标签,此标签用于同一页面内切换网页,在大多数网页中都可以看到,因为项目的需要,故而研究一二。

  frameset标签不能放置在body标签之中,它的具体实现如下:

工程项目结构:

  

主页面代码(index.jsp):

                

左侧链接页面(title01.jsp):

            标题1      标题2     标题3     标题4      

  右侧内容显示界面(为普通的jsp界面),最后附一张效果图供大家研究。

  下面为大家介绍一种最简单的Html中图片切换方法:

项目工程结构:

  

页面代码(index.jsp):

            ">         图片切换                                                     $(function(){            $(".thumbs a").click(function(){                var largePath = $(this).attr("href");                var largeAlt = $(this).attr("title");                $("#largeImg").attr({                    src : largePath,                    alt : largeAlt                });                return false;            });        });                   

图片切换

效果图:

  具体的工程源码,如需请留下邮箱,如果哪位有更好的效果还望指点。谢谢

查看更多关于Html标签之frameset&图片切换_html/css_WEB-ITnose的详细内容...

  阅读:36次