                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /网页定位导航特效

为神马木有效果呢？帮忙给瞅瞅

逐梦凡

2015-06-20

源自：网页定位导航特效 4-5

关注问题我要回答

1343

操作

收起

2 回答

脆脆鲨oi
2015-06-25

错误太多了，改了半天…………

首先你的锚点就没写完啊

【

】

【

】

代码里面粗心写错的地方太多了，比如【var current="";】，但你后面是【current】和【currentId】混用的，这个是咋也不可能会有效果的。

类似粗心的地方还有好几处，建议自己细心检查一遍先。

0 回复有任何疑惑可以回复我~

收起回答

逐梦凡提问者

非常感谢！

2015-06-25 回复有任何疑惑可以回复我~

脆脆鲨oi 回复逐梦凡提问者

不客气^_^。很多时候不是咱们写的不对，而是一些小地方粗心写错。督促自己更加细心一些^_^

2015-06-26 回复有任何疑惑可以回复我~

jweikai
2015-06-20

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

;(function($) {   
    $.myalerts = {
        lock: 'myAlert_lock',     
        srollBarWidth: 75,
        popupId: 'myAlert_popup_container',
        alert: function(message, title, callback) {
            if( title == null ) title = '提醒'
            $.myalerts._show(title, message, 'alert', callback);
        },
        _show: function(title, message, type, callback) {
            $.myalerts._showLock();
            $.myalerts._setProperty(title,message);
            $.myalerts._confirmEvent();
        },
        _init: function() {          
            $lock = $("<div id="+$.myalerts.lock+"></div>");
            $lock.css({
                background: '#000000',
                opacity: 0.5,
                position: 'absolute',
                top: '0',
                left: '0',
                zIndex: 99990,
                width: $(document).width(),
                height: $(document).height(),
                display: 'none'
            });                
            $('body').css({
                margin: 0,
                padding: 0,           
            }).append($lock).append('<div id="myAlert_popup_container"><dl><dt class="title">提&nbsp;醒</dt><dd class="message"</dd><dd class="pos-right"><input type="button" value="确定" /></dd></dl></div>');
            var $popup = $("#"+$.myalerts.popupId);
            $popup.css({
                left: $(window).width()/2-$("#"+$.myalerts.popupId).outerWidth()/2,
                top: $(window).height()/2-$("#"+$.myalerts.popupId).outerHeight()/2
            });
            $(window).on({
                resize: function() {
                    $lock.css({
                        width: $(window).width(),
                        height: $(document).height()  
                    });
                }
            });
        },
        _showLock: function() {
            var $lock = $("#"+$.myalerts.lock);
            var $popup = $("#"+$.myalerts.popupId);
            $lock.css({
                display: 'block',
                opacity: 0.5
            });    
            $popup.css({
                display: 'block'
            });    
        }, 
        _setProperty: function(title, message) {
            var $popup = $("#"+$.myalerts.popupId);
            $popup.find('.title').html(title).end().find('.message').html(message);
        },
        _confirmEvent:function() {
            var $popup = $("#"+$.myalerts.popupId);
            var $lock = $("#"+$.myalerts.lock);
            $popup.find(":button").click(function() {
                $popup.fadeOut(200, function() {
                    $popup.css({
                        display: 'none'
                    });
                });
                $lock.fadeOut(200, function() {
                    $lock.css({
                        display: 'none',          
                    });
                });
            });        
        }
    };
    $.myalerts._init();
    myAlert = function(message, title, callback) {
        $.myalerts.alert(message, title, callback);
    }  
})(jQuery)
;(function($) {   
    $.myalerts = {
        lock: 'myAlert_lock',     
        srollBarWidth: 75,
        popupId: 'myAlert_popup_container',
        alert: function(message, title, callback) {
            if( title == null ) title = '提醒'
            $.myalerts._show(title, message, 'alert', callback);
        },
        _show: function(title, message, type, callback) {
            $.myalerts._showLock();
            $.myalerts._setProperty(title,message);
            $.myalerts._confirmEvent();
        },
        _init: function() {          
            $lock = $("<div id="+$.myalerts.lock+"></div>");
            $lock.css({
                background: '#000000',
                opacity: 0.5,
                position: 'absolute',
                top: '0',
                left: '0',
                zIndex: 99990,
                width: $(document).width(),
                height: $(document).height(),
                display: 'none'
            });                
            $('body').css({
                margin: 0,
                padding: 0,           
            }).append($lock).append('<div id="myAlert_popup_container"><dl><dt class="title">提&nbsp;醒</dt><dd class="message"</dd><dd class="pos-right"><input type="button" value="确定" /></dd></dl></div>');
            var $popup = $("#"+$.myalerts.popupId);
            $popup.css({
                left: $(window).width()/2-$("#"+$.myalerts.popupId).outerWidth()/2,
                top: $(window).height()/2-$("#"+$.myalerts.popupId).outerHeight()/2
            });
            $(window).on({
                resize: function() {
                    $lock.css({
                        width: $(window).width(),
                        height: $(document).height()  
                    });
                }
            });
        },
        _showLock: function() {
            var $lock = $("#"+$.myalerts.lock);
            var $popup = $("#"+$.myalerts.popupId);
            $lock.css({
                display: 'block',
                opacity: 0.5
            });    
            $popup.css({
                display: 'block'
            });    
        }, 
        _setProperty: function(title, message) {
            var $popup = $("#"+$.myalerts.popupId);
            $popup.find('.title').html(title).end().find('.message').html(message);
        },
        _confirmEvent:function() {
            var $popup = $("#"+$.myalerts.popupId);
            var $lock = $("#"+$.myalerts.lock);
            $popup.find(":button").click(function() {
                $popup.fadeOut(200, function() {
                    $popup.css({
                        display: 'none'
                    });
                });
                $lock.fadeOut(200, function() {
                    $lock.css({
                        display: 'none',          
                    });
                });
            });        
        }
    };
    $.myalerts._init();
    myAlert = function(message, title, callback) {
        $.myalerts.alert(message, title, callback);
    }  
})(jQuery)